在收音机上更改 bg 取消选择答案

【问题标题】：Change bg on radio deselect在收音机上更改 bg 取消选择
【发布时间】：2010-06-20 09:38:10
【问题描述】：

这只是对我的last question 的补充。一旦我取消选择单选按钮，我需要将背景颜色返回到其原始状态。所以我们想出的解决方案是：

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

现在我需要在取消选择单选按钮时删除突出显示类 - 有什么想法吗？

【问题讨论】：

我认为您实际上需要复选框，因为每个部分仅使用一个单选按钮并且它们没有分组。您不能取消选择一个收音机
否则通过赋予它们所有相同的名称属性来对收音机进行分组
抱歉 - 我有多个收音机，我简化了之前发布的 HTML 并删除了表单标签。我还给了它们相同的名称属性，因此当用户单击不同的收音机时它们会取消选择。

标签： javascript jquery html css forms

【解决方案1】：

试试这个，使用 name 属性对你的收音机进行分组，下面的 js 应该可以工作

Demo

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

【讨论】：

【解决方案2】：

是的，我同意 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

【讨论】：