单击背景更改不起作用

时间:2016-07-24 01:35:24

标签: jquery css

以下代码应该更改单击项目的背景颜色。单选按钮正确切换,但两个项目都会改变颜色并保持这种状态。我将不胜感激任何帮助。

<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">&nbsp;Shadow UL</label></div>
   <div id="sUR"><label id="lUR"><input id="isUR" type="radio" name="shadow_group" value="shadowUR">&nbsp;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>

https://jsfiddle.net/user3052443/52k7pyd8/

0 个答案:

没有答案