fanxin_942317684
codedvalue
采纳率80%
2018-08-02 08:35 浏览 3.9k
已采纳

多选框怎样能够实现互斥

5

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

  • 已采纳
    jslang 天际的海浪 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 qq_21948865 2018-08-02 08:46

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

    点赞 评论 复制链接分享
  • qq_32126131 qq_32126131 2018-08-02 09:04

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

    点赞 评论 复制链接分享
  • bifuguo 毕富国 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>
    
    点赞 评论 复制链接分享

相关推荐