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
  • 相关阅读:
    软件设计文档
    java基础路线与详细知识点
    hdu 2203 亲和串 kmp
    UVALive 6915 J
    UVALive 6911 F
    UVALive 6906 A
    hdu 3746 Cyclic Nacklace KMP
    hdu 1686 Oulipo kmp算法
    hdu1711 Number Sequence kmp应用
    hdu4749 kmp应用
  • 原文地址:https://www.cnblogs.com/xfdmb/p/6092733.html
Copyright © 2011-2022 走看看