0

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

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

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

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

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

我将非常感谢实现这一目标的所有帮助。

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

4

2 回答 2

3

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

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

http://jsfiddle.net/F2JPP/

于 2013-02-24T01:47:08.527 回答
0

不确定这种语言的具体细节,但您可以循环浏览所有复选框项目并切换任何打开和应该关闭的选项吗?伪代码:

for checkbox in checkboxes:
    if checkbox.checked == true %% checkbox != selectedCheckbox:
        checkbox.toggle
于 2013-02-24T01:47:22.300 回答