2013-02-24 25 views
0

我寻找一些帮助使复选框表现得像一个组中的单选按钮只能使用jQuery一个时间来选择。使复选框选择,能够在一个像单选按钮时

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

所以我有在3组,每组3,不要在形式,只是一个事实,即这3个具有相同价值的name属性分组分组9输入类型复选框。

所有9复选框有类.secondary输入,但只有3有一个名称,然后在未来3的两个名字,和三个的最后三个名字。

我试图做到的是,只有组一次一个检查等,没有一个组进行检查,人们可以不选中。

我将不胜感激一切,在实现这一目标的任何帮助。

我发现了一个的jsfiddle这样,但jQuery的没有我的名字属性组的系统工作。

回答

3

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

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

http://jsfiddle.net/F2JPP/

+0

很不错的解决方案。 +1 – pwnyexpress 2013-02-24 01:53:41

+0

我其次,非常好的解决方案。优秀的jQuery。谢谢! – IMUXIxD 2013-02-24 02:34:47

0

不知道这种语言的具体细节,但可你循环通过你所有的复选框项目和切换任何打开和应该关闭?伪代码:

for checkbox in checkboxes: 
    if checkbox.checked == true %% checkbox != selectedCheckbox: 
     checkbox.toggle 
相关问题