大佬教程收集整理的这篇文章主要介绍了jquery – 只选择三个具有相同名称的复选框，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
$(document).ready(function(){ $("input:checkBox").click(function(){ var group = "input:checkBox[name='"+$(this).attr("name")+"']"; $(group).attr("checked",falsE); $(this).attr("checked",truE); }); });
HTML：
<input type="checkBox" name="swimming" class="chb" /> <input type="checkBox" name="swimming" class="chb" /> <input type="checkBox" name="swimming" class="chb" />
我有一个问卷类型表格,每个问题有三个复选框,我希望用户只能选择三个中的一个.
我的HTML是这样的：
问题1：
<input type="checkBox" name="ballet" /> <input type="checkBox" name="ballet" /> <input type="checkBox" name="ballet" />
问题2：
<input type="checkBox" name="swimming" /> <input type="checkBox" name="swimming" /> <input type="checkBox" name="swimming" />
但这允许用户选择特定问题的所有复选框.我希望它能够只选择三个中的一个.这个问题有方法解决吗？
谢谢
$(':checkBox').on('change',function(){
var th = $(this),name = th.attr('name');
if(th.is(':checked')){
$(':checkBox[name="' + name + '"]').not(th).prop('checked',falsE);
}
});
根据评论,我假设用户必须能够选择前三个中的一个和后三个中的一个复选框.因为名称属性不同. Here是演示.
$("input:checkBox").change(function(){
var group = ":checkBox[name='"+ $(this).attr("name") + "']";
if($(this).is(':checked')){
$(group).not($(this)).attr("checked",falsE);
}
});
以上是大佬教程为你收集整理的jquery – 只选择三个具有相同名称的复选框全部内容，希望文章能够帮你解决jquery – 只选择三个具有相同名称的复选框所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。