Question

jquery怎么让八个checkbox只能有一个被选中

Answer 1

你好！

来个笨方法：

<input type="checkbox" id="t1" name="single" value="1" /><label for="t1" >苹果</label>
<input type="checkbox" id="t2" name="single" value="2" /><label for="t2" >香蕉</label>
<input type="checkbox" id="t3" name="single" value="3" /><label for="t3" >石榴</label>
<input type="checkbox" id="t4" name="single" value="4" /><label for="t4" >西瓜</label>
<input type="checkbox" id="t5" name="single" value="5" /><label for="t5" >橙子</label>
<input type="checkbox" id="t6" name="single" value="6" /><label for="t6" >草莓</label>
<input type="checkbox" id="t7" name="single" value="7" /><label for="t7" >桃子</label>
<input type="checkbox" id="t8" name="single" value="8" /><label for="t8" >蓝莓</label>

<script>
$(document).ready(function(){
  $(":checkbox[name='single']").click(function(){
      $(this).siblings().prop("checked", false);
  });
});
</script>

希望对你有帮助！

Answer 2

<!-- 那你为什么不使用 Radio 呢？radio 只能选择一个 -->
<input type="radio" name="v"> 
<input type="radio" name="v">
<input type="radio" name="v">
<!-- 如果你执意要 checkbox 请继续追问,我给你搞搞 -->