Javascript 取消选中所有其他项的复选框
在表单中,我有一个字段集,其中有几个复选框。系列中的最后一个复选框将标记为“无”,选中时将取消选中所有其他选项。当重新单击其中一个选项时,此时应取消选中“无”框。我一直在思考如何才能做到这一点。这是我的htmlJavascript 取消选中所有其他项的复选框,javascript,jquery,html,forms,checkbox,Javascript,Jquery,Html,Forms,Checkbox,在表单中,我有一个字段集,其中有几个复选框。系列中的最后一个复选框将标记为“无”,选中时将取消选中所有其他选项。当重新单击其中一个选项时,此时应取消选中“无”框。我一直在思考如何才能做到这一点。这是我的html </fieldset> <fieldset class="checkboxx"> <legend>What Extreme Sports Do You You Play?(check all that apply):</legend>
</fieldset>
<fieldset class="checkboxx">
<legend>What Extreme Sports Do You You Play?(check all that apply):</legend>
<label><input type="checkbox" id="chkSkateboarding" name="chkSkateboarding"
<?php if($Skateboarding) echo ' checked="checked" ';?>
value="Skateboarding" tabindex="250"> Skateboarding</label>
<label><input type="checkbox" id="chkPaintball" name="chkPaintball"
<?php if($Paintball) echo ' checked="checked" ';?>
value="Paintball" tabindex="260"> Paintball</label>
<label><input type="checkbox" id="chkSnowboarding" name="chkSnowboarding"
<?php if($Paintball) echo ' checked="checked" ';?>
value="Snowboarding" tabindex="270"> Snowboarding</label>
<label><input type="checkbox" id="chkMountainBiking" name="chkMountainBiking"
<?php if($MountainBiking) echo ' checked="checked" ';?>
value="MountainBiking" tabindex="280"> Mountain Biking</label>
<label><input type="checkbox" id="chkWakeboarding" name="chkWakeboarding"
<?php if($Wakeboarding) echo ' checked="checked" ';?>
value="Wakeboarding" tabindex="285"> Wakeboarding</label>
<label><input type="checkbox" id="chkRockClimbing" name="chkRockClimbing"
<?php if($RockClimbing) echo ' checked="checked" ';?>
value="RockClimbing" tabindex="290"> Rock Climbing</label>
<label><input type="checkbox" id="chkNone" name="chkNone"
<?php if($None) echo ' checked="checked" ';?>
value="None" tabindex="291"> None</label>
</fieldset>
你参加什么极限运动?(勾选所有适用项):
value=“Paintball”tabindex=“260”>彩弹
value=“山地自行车运动”tabindex=“280”>山地自行车运动
value=“攀岩”tabindex=“290”>攀岩
该技术应简单如下:
1-选中任何其他复选框时,应取消选中(无)复选框
var allOtherCheckboxes = $("input:checkbox:not(#chkNone)");
// uncheck the (none) checkbox when any other checkbox is selected
allOtherCheckboxes.change(function(){
$("#chkNone").prop('checked', false);
});
2-对于(无)复选框,我们应该取消选中所有其他复选框
$("#chkNone").change(function(){
var noneStatus = $(this).prop("checked");
if(noneStatus === true)
{
// remove the checked state from other checkboxes in the page
allOtherCheckboxes.each(function(el){
//alert("found");
$(this).prop('checked', false);
});
}
});
我为您创建了这把小提琴,它包含了您想要的东西:请尝试使用此代码
$("#chkNone").click(function(){
$( "input[id!='chkNone']" ).prop('checked', false);
})
$("input[type='checkbox'][id!='chkNone']").click(function(){
$( "#chkNone" ).prop('checked', false);
})
查看我对这篇文章的回答。所以你试过什么?或者,你是否期待一个快速、自由的答案来完成你的工作?这太简单了,你应该试着去学。这个问题似乎离题了,因为它要求的是实际的工作而不是答案。谢谢你的建议。我已经更正了代码。单击后,我取消选中除自身之外的所有输入。有身份证!=不平等。你的评论是正确的,因为没有必要使用if语句抱歉我在电话中看到了这一点-但是你应该限制为复选框-可能只有name^='chk“