Изменить цвет bg, когда выбрано радио btn

Question

Мне нужно изменить цвет bg элемента div, содержащего переключатель, когда пользователь выбирает кнопку. Я использую 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');
    });
});

И, как сказал красный квадрат, вам не следует устанавливать встроенный CSS. Вы должны использовать функцию toggleclass . Я просто использовал функцию css в качестве примера.

Answer 2

Я бы использовал toggleClass вместо установки встроенного CSS.

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

Answer 3

Попробуйте

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