全选|全不选,批量删除

来源:互联网 发布:全国复杂网络大会 编辑:程序博客网 时间:2024/05/22 06:49
<!DOCTYPE html>
<html>

 <head>
  <meta charset="UTF-8">
  <title></title>
  <script src="js/jquery-1.11.1.js" type="text/javascript" charset="utf-8"></script>
  <script>
   /*全选-全不选*/
   function aa() {
    var f = $(".ckall")[0].checked;
    var cks = $("input[name='ck']");
    for(var i = 0; i < cks.length; i++) {
     cks[i].checked = f;
    }
   }
   //批量删除
   function delall() {
    var cks = $("input:checked[name = 'ck']");
    if(cks.length == 0) {
     alert("请选择");
    }
    for(var i = 0; i < cks.length; i++) {
     cks[i].remove();
    }
   }
  </script>
 </head>

 <body>
  <!--批量删除-->
  <input type="button" value="批量删除" onclick="delall()" />
  <!--全选-全不选-->
  <input type="checkbox" onchange="aa()" class="ckall" />全选|全不选<br />
  <input type="checkbox" name="ck" /><br />
  <input type="checkbox" name="ck" /><br />
  <input type="checkbox" name="ck" /><br />
 </body>

</html>
原创粉丝点击