开发者社区> 问答> 正文

关于jquey checkbox 全选的问题

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

<strong><!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></strong>

展开
收起
a123456678 2016-07-13 15:27:43 2062 0
1 条回答
写回答
取消 提交回答
  • $("#all").click(function(){         
       $(":checkbox[name='cb']").prop("checked",$('#all').prop('checked'));  
    });
    2019-07-17 19:55:41
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载