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');
    });
});

选择单选按钮时更改bg颜色

3 个答案: