我正在寻找一些帮助,使复选框的行为类似于单选按钮,因为一组中的一个只能使用 jQuery 一次选择。
首先,为什么不使用单选按钮?因为我希望这些形式的输入也不可选择/不可检查,以便存在无法检查其中任何一个的可能性。
所以我有 9 个输入类型复选框,它们分为 3 组,每组 3 个,不是以表单形式,只是根据这 3 个具有相同的 name 属性值这一事实进行分组。
所有 9 个复选框都具有 .secondary-input 类,但只有 3 个复选框的名称为 1,接下来的 3 个复选框的名称为 2,最后 3 个复选框的名称为 3。
我想要完成的是一次只检查组中的一个,并且可以取消选中其中一个,以便组中没有一个被检查。
我非常感谢为实现这一目标提供的所有帮助。
我发现了一个像这样的 JSFiddle,但是 jQuery 不能通过名称属性与我的组系统一起工作。
最佳答案
如果它们都具有相同的名称,您可以取消选中其他具有相同名称属性的名称:
$(":checkbox").on('change', function () {
$('[name="' + $(this).attr('name') + '"]').not(this).prop('checked', false);
});
关于javascript - 使复选框像单选按钮一样一次可选择一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15047766/