codedvalue 2018-08-02 08:35 采纳率: 80%
浏览 4229
已采纳

多选框怎样能够实现互斥

一组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条回答 默认 最新

  • 天际的海浪 2018-08-02 09:11
    关注

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

     <!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> 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
  • qq_21948865 2018-08-02 08:46
    关注

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

    评论
  • qq_32126131 2018-08-02 09:04
    关注

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

    评论
  • 毕富国 2018-08-02 11:26
    关注
     <!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>
    
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 最小生成树问题 Prim算法和Kruskal算法
  • ¥25 医院住院病人呼叫器设计
  • ¥15 不想和现在的团队合作了,怎么避免他们对程序动手脚
  • ¥30 c++类和数组实验代码
  • ¥20 C语言字符串不区分大小写字典排序相关问题
  • ¥15 关于#python#的问题:我希望通过逆向技术爬取1688搜索页下滑加载的数据
  • ¥15 关于Linux的终端里,模拟实现一个带口令保护的屏保程序遇到的输入输出的问题!(语言-c语言)
  • ¥30 请问,这个嵌入式Linux系统怎么分析,crc检验区域在哪
  • ¥15 二分类改为多分类问题
  • ¥15 Unity微信小游戏上调用ReadPixels()方法报错