使复选框可以一次选择一个,如单选按钮

时间:2013-02-24 01:42:00

标签: javascript jquery

我正在寻找一些帮助,使复选框的行为类似于单选按钮,因为组中的一个只能使用jQuery一次选择。

首先,为什么不使用单选按钮?因为我希望这些形式的输入也是不可选择/不可检查的,以便存在无法检查它们的可能性。

所以我有9个输入类型复选框,分为3组,每组3个,而不是表格,只是按照这3个与name属性具有相同值的事实进行分组。

所有9个复选框都有.secondary-input类,但只有3个具有1的名称,接下来的3个名称为2,最后3个名称为3。

我想要完成的是,一次只检查一个组,并且可以取消选中一个组,以便检查组中的任何一个。

我非常感谢所有人和任何帮助实现这一目标。

我找到了一个这样的JSFiddle,但jQuery不能通过name属性使用我的系统组。

2 个答案:

答案 0 :(得分:3)

如果它们都具有相同的名称,您可以取消选中具有相同名称属性的其他名称:

$(":checkbox").on('change', function () {
    $('[name="' + $(this).attr('name') + '"]').not(this).prop('checked', false);
});

http://jsfiddle.net/F2JPP/

答案 1 :(得分:0)

不确定这种语言的具体细节,但是您是否可以遍历所有复选框项目并切换任何已启用且应该关闭的内容?伪代码:

for checkbox in checkboxes:
    if checkbox.checked == true %% checkbox != selectedCheckbox:
        checkbox.toggle