选择收音机btn时更改bg颜色

Question

当用户按下按钮时，需要更改包含单选按钮的div的bg颜色。我正在使用jquery - 所以它似乎应该有一些简单的方法来实现这一点。我有我的HTML设置是这样的：

<div class="sales_box"> 
<table> 
<tr> 
<td class="radio_cell"><input type="radio"></td> 
</tr> 
</table> 
</div> 

<div class="sales_box"> 
<table> 
<tr> 
<td class="radio_cell"><input type="radio"></td> 
</tr> 
</table> 
</div> 

Answer 1

刚刚处理的单选按钮的变化事件，然后使用jQuery的closest()方法：

$(document).ready(function(){ 
    $('input:radio').change(function(){ 
     $(this).closest('div').css('background-color', 'red'); 
    }); 
}); 

而且作为redsquare说，你不应该”真的设置内联的CSS。您应该使用toggleclass函数。我只是用css函数作为例子。

Answer 2

尝试

$(function() { 
     $(".radio_cell input[type=radio]").bind("click", function() { 
      $(this).parents('div:first').css("background-color", "Blue"); 
     }); 
    }); 

Answer 3

我会用toggleClass而不是设置内联CSS。

$(document).ready(function(){ 
    $('input:radio').change(function(){ 
     $(this).closest('div').toggleClass('highlight'); 
    }); 
});