多选框怎样能够实现互斥

一组14个的多选框,选中前13个第14个会没有选中第14个前13个会没有,js代码应该怎么写,我只想实现互斥而不想实现别的任何功能,前13个的class=a,14的class=b
$()function selectAll(obj){

    if(obj.value=='无'){

        $('a').attr("b",false);


    }else{


        $('b').attr("a",false);


    }
}

这样能怎样改

请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中
请不要写全部选中

4个回答

我在你之前的提问中不是给过你类似的代码了吗?

 <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title> 页面名称 </title>
<!--这个代码是使用了jquery,要在代码的前面引入jquery库-->
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $(".a").change(function(event){
        $(".b").prop("checked",false);
    });
    $(".b").change(function(event){
        $(".a").prop("checked",false);
    });
});
</script>
</head>
<body>
<div class="box">
    <input type="checkbox" class="a" name="xxx" value="1">1<br>
    <input type="checkbox" class="a" name="xxx" value="2">2<br>
    <input type="checkbox" class="a" name="xxx" value="3">3<br>
    <input type="checkbox" class="a" name="xxx" value="4">4<br>
    <input type="checkbox" class="a" name="xxx" value="5">5<br>
    <input type="checkbox" class="a" name="xxx" value="6">6<br>
    <input type="checkbox" class="a" name="xxx" value="7">7<br>
    <input type="checkbox" class="a" name="xxx" value="8">8<br>
    <input type="checkbox" class="a" name="xxx" value="9">9<br>
    <input type="checkbox" class="a" name="xxx" value="10">10<br>
    <input type="checkbox" class="a" name="xxx" value="11">11<br>
    <input type="checkbox" class="a" name="xxx" value="12">12<br>
    <input type="checkbox" class="a" name="xxx" value="13">13<br>
    <input type="checkbox" class="b" name="xxx" value="无">14<br>
</div>
</body>
</html> 

加个数量判断,只能选择总数-1,但是这么做你是在给自己挖坑,放开是没啥关系的

你的前13个复选框是怎么选中的?一个一个点吗?还是这一组复选框外层有一个全选?

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>全选练习</title>
</head>
<body>

<form>
  你爱好的运动是?<input type="checkbox" id="checkedAllBox"/>全选/全不选

  <br/>
  <input type="checkbox" name="items" value="足球"/>足球
  <input type="checkbox" name="items" value="篮球"/>篮球
  <input type="checkbox" name="items" value="羽毛球"/>羽毛球
  <input type="checkbox" name="items" value="乒乓球"/>乒乓球
</form>

<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript">
  /*
   1. 点击'全不选': 全不选中
   2. 点击某个爱好时, 必要时更新'全选/全不选'的选中状态
   */
  var $checkedAllBox = $('#checkedAllBox')
  var $items = $(':checkbox[name=items]')
  // 5. 点击'全不选': 全不选中
  $checkedAllBox.click(function () {
    $items.prop('checked', false)
        $checkedAllBox.prop('checked', true)
  })

  // 6. 点击某个爱好时, 必要时更新'全不选'的选中状态
  $items.click(function () {
    $checkedAllBox.prop('checked', $items.filter(':checked').length===0)
  })
</script>
</body>

</html>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问