Javascript 如何在应用jquery buttonset（）后取消选中具有相同类名的所有单选框

这段代码对我来说很好，但只适用于默认的HTML单选按钮控件

$('.block1').on("click", function(event){
  $('.block1').prop('checked', false);
  $(this).prop('checked', true);
});

但是当我将单选按钮的默认UI更改$（“.col-lg-4”）.buttonset（）时

那么上面的代码对我不起作用。当它改变行为或应用jquery-ui.css和jquery.js的其他默认类时

---

最终目标是使用.block1类取消选中所有其他单选按钮，但在应用.buttonset（）之后，从提供的信息中判断您的问题到底是什么有点困难，但在我看来，您的问题可能源于jQuery UI的

buttonset

函数所做的DOM重新排列

您似乎正在连接到以前直接在单选按钮输入元素上触发的

'click'

事件。调用

buttonset（）

jQuery之后，UI会折叠您注册了单击处理程序的输入元素，使它们不可点击。因此，如果您想在调用

buttonset

函数后钩住buttonset中的click事件，则必须在调用

buttonset

函数后在另一组元素上注册处理程序。我建议使用jQueryUI创建的标签元素。您的代码可能如下所示：

$(function() {
  $(".col-lg-4")
      .buttonset()
      .find('label.ui-button')
      .on('click', function() {
    $('.block1').prop('checked', false).button('refresh');
    var targetId = '#' + $(this).attr('for');
    $(targetId).prop('checked', true).button('refresh');
  });
});

---

希望有帮助

单选按钮，还是复选框？您的代码似乎没有必要，因为这就是HTML单选按钮的行为方式。您是对的，但我有一个标准，即使用不同名称的单选按钮和不同的组，我希望它们被视为具有相同名称的单选按钮。请查看js fiddle链接。但这首先破坏了单选按钮的全部用途。为组中的所有单选按钮指定相同的名称和唯一的值。你正在试图修复一些没有损坏的东西，只是为了让你能够以错误的方式使用它。请检查此代码[链接]有两个选项1和2，当我选择选项1）时，必须取消选择选项2，并且我已连接到为收音机按钮指定不同的名称。我已编辑了我的答案，以反映你更明确的问题。在这里查看并告诉我是否正确理解您：