javascript - 使复选框像单选按钮一样一次可选择一个

标签 javascript jquery

我正在寻找一些帮助,使复选框的行为类似于单选按钮,因为一组中的一个只能使用 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);
});

http://jsfiddle.net/F2JPP/

关于javascript - 使复选框像单选按钮一样一次可选择一个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15047766/

相关文章:

javascript - 表格的替代颜色 css 不适用

javascript - InnerHtml 更改后鼠标无法工作

javascript - 如何将 Greasemonkey 脚本发布为 Firefox 附加组件?

javascript - 如何使用 RxJS 恢复 websocket 连接

javascript - jQuery 和 HTML5 视频 - 更改源 onClick

Jquery 的选择插件,带有链接插件和选择框

javascript - 通过子子文档 id mongoose 检索子子文档

javascript - 使用jQuery和JavaScript在按钮上添加开关行为

javascript - 从单击的项目获取哈希并滚动到

javascript - 我如何只选择 jQgrid 中过滤的行?