5
回答
关于jquey checkbox 全选的问题
华为云4核8G,高性能云服务器,免费试用   

问题描述:点击全选生效,取消全选生效,再次点击选择 无效果,代码如下


<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>全选</title>
    <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script>
    $(function () {
      $("#all").click(function(){
      if(this.checked){
        $(":checkbox[name='cb']").attr("checked", true);
      }else{
        $(":checkbox[name='cb']").attr("checked", false);
      }
    });
    })
    </script>
  </head>
  <body>
        <ul>
          <li><label><input type="checkbox" value="1" name='cb' /> 1.时间都去哪儿了</label></li>
          <li><label><input type="checkbox" value="2" name='cb' /> 2.海阔天空</label></li>
          <li><label><input type="checkbox" value="3" name='cb' /> 3.真的爱你</label></li>
          <li><label><input type="checkbox" value="4" name='cb' /> 4.不再犹豫</label></li>
          <li><label><input type="checkbox" value="5" name='cb' /> 5.光辉岁月</label></li>
          <li><label><input type="checkbox" value="6" name='cb' /> 6.喜欢妳</label></li>
        </ul>
        <input type="checkbox" id="all">全选
      </body>
    </html>




举报
ecp
发帖于3年前 5回/171阅

以下是问题补充:

  • @ecp :F12 <input type="checkbox" value="1" name="cb" checked="checked"> 也加上了.但是没有在页面上显示出来. (3年前)
顶部