以下代码应该更改单击项目的背景颜色。单选按钮正确切换,但两个项目都会改变颜色并保持这种状态。我将不胜感激任何帮助。
<style>
div.borderOn {border:2px solid #555; background-color:#666}
div.borderOff {border:0px; background-color:#fff}
</style>
<div>
<div id="sUL"><label id="lUL"><input id="isUL" type="radio" name="shadow_group" value="shadowUL"> Shadow UL</label></div>
<div id="sUR"><label id="lUR"><input id="isUR" type="radio" name="shadow_group" value="shadowUR"> Shadow UR</label></div>
</div>
<script>
$("label").click(function() {
var bClass = "";
bClass = ( $("#isUL").is(":checked") ? "borderOn" : "borderOff");
$("#sUL").addClass(bClass);
bClass = ( $("#isUR").is(":checked") ? "borderOn" : "borderOff");
$("#sUR").addClass(bClass);
});
</script>