在无线电取消选择时更改bg

时间:2010-06-20 09:38:11

标签: javascript jquery html css forms

这只是我last question的补充。取消选择单选按钮后,我需要将背景颜色恢复为原始状态。所以我们提出的解决方案是:

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

现在我需要在取消选择单选按钮时删除突出显示类 - 任何想法?

2 个答案:

答案 0 :(得分:3)

尝试此操作,使用name属性对您的无线电进行分组,并且以下js应该可以正常工作

Demo

 $('input:radio').change(function(){
        $('div.highlight').removeClass('highlight');
        $(this).closest('div').addClass('highlight');
 });

答案 1 :(得分:0)

是的,我同意redsquare,你可以在jsfiddle上看到我的代码演示,用div onclick选择收音机。

$('table div').click(function() {
      $(this).find('input:radio').prop('checked', true);
      $('div.highlight_row').removeClass('highlight');
      $(this).closest('div').addClass('highlight');
});

你可以在这里看到完整的代码,但是改变是在tr类上,而不是div类:

JsFiddle Code Sample