zoukankan      html  css  js  c++  java
  • 全选,反选

    <head>
      <script src="jquery-1.11.1.min.js" type="text/javascript"></script>
    </head>
    <body>
      <input type="checkbox" name="chk_list[]" value="1" />1
      <input type="checkbox" name="chk_list[]" value="2" />2
      <input type="checkbox" name="chk_list[]" value="3" />3
      <input type="checkbox" name="chk_list[]" value="4" />4
      <input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选
    <script type="text/javascript">
      $("#chk_all").click(function(){
       // 使用attr只能执行一次
       $("input[name='chk_list[]']").attr("checked", $(this).attr("checked")); 
       // 使用prop则完美实现全选和反选
       $("input[name='chk_list[]']").prop("checked", $(this).prop("checked"));
        // 获取所有选中的项并把选中项的文本组成一个字符串
       var str = '';
       $($("input[name='chk_list[]']:checked")).each(function(){
       str += $(this).next().text() + ',';
       });
       alert(str);
      });
    </script>
    </body>
    全部教程http://each.sinaapp.com/angular/index.html
  • 相关阅读:
    MapReduce编程:数字排序
    MapReduce编程:平均成绩
    线性回归(linear regression)
    pip安装第三方库镜像源选择
    malloc/free 和 new/delete
    strcpy函数解析
    牛客-数据库SQL实战
    Numpy学习
    花式饺子
    MapReduce编程:单词去重
  • 原文地址:https://www.cnblogs.com/xfdmb/p/6092733.html
Copyright © 2011-2022 走看看