全选|全不选，批量删除

最新推荐文章于 2019-03-07 21:57:57 发布

凉笙默染

最新推荐文章于 2019-03-07 21:57:57 发布

阅读量766

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_39599065/article/details/78724180

本文介绍了一个简单的网页应用，使用jQuery实现了批量删除及全选/全不选功能。通过点击按钮可以对页面上的复选框进行批量操作，提高了交互效率。

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

</html>