javascript - 如何限制jquery中的多个复选框的选中？

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 7 年前。

Improve this question

我已经尝试过以下代码，但不起作用，因此请建议仅使用 jquery 的任何其他方法。

$("#Checkboxes4 :checkbox").change(function() {
   if($('#Checkboxes4').length > 1){
		$('#Checkboxes4').prop('checked',false);
		$(this).prop('checked',true);
	}
});

<label class="col-md-2 control-label" for="Checkboxes">Spices</label>               
<div class="col-md-10 columns">                    
  <label class="checkbox-inline" ><input type="checkbox" name="Checkboxes4[]" id="Checkboxes4" value="1+">1+ Kg</label>             
  <label class="checkbox-inline" ><input type="checkbox" name="Checkboxes4[]" id="Checkboxes4" value="5+">5+ Kg</label>      
  <label class="checkbox-inline"><input type="checkbox" name="Checkboxes4[]" id="Checkboxes4" value="10+">10+ Kg</label> 
</div>

Answer 1

也许单选按钮更适合您？

单选按钮的设计目的是在同一时间只选中一组单选按钮中的一个，从而实现“限制选中多个复选框”。

这是比使用复选框更好的解决方案，因为您不需要使用任何 javascript 或 Jquery 来强制执行此规则。

示例:

<form>
    <input type="radio" name="sex" value="male" checked>Male
    <br>
    <input type="radio" name="sex" value="female">Female
</form> 

演示:http://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_radio