jQuery写的页面checkbox全选,全不选代码

今天遇到一个在页面上checkbox全选 全不选的功能

 效果图

全选的id是:Checkbox2

下面是js代码:

  <script type="text/javascript" language="javascript">

      var allCheckName = "Checkbox2"; //全选的id
      $(document).ready(function() {
          var item = $(":checkbox");
          if (item) {
              $(item).each(function(index) {

                  $(this).click(function() {
                      if ($(this)[0].id == allCheckName) {
                          all($(this));
                      }
                      if ($(this)[0].id != allCheckName && $(this)[0].checked == false) {
                          $("#" + allCheckName)[0].checked = false;
                      }
                      if ($(this)[0].id != allCheckName && $(this)[0].checked == true) {

                          if (getAllCheck()) {
                              $("#" + allCheckName)[0].checked = true;
                          }
                      }
                  });

              });
          }

          function getAllCheck() {
              var num = 0;
              $(item).each(function(ind) {
                  if ($(this)[0].id != "Checkbox2" && $(this)[0].checked) {
                      num++;
                  }
              });
              if (num == (item.length - 1)) {
                  return true;
              }

              return false;
          }
          function all(obj) {
              $(item).each(function(ind) {
                  $(this)[0].checked = obj[0].checked;
              });
          }


      });
         
    </script>

主要功能是全选,全不选,一个不选全选不选中,其他选择全选选中

本文出自 “net路途中” 博客，请务必保留此出处http://xqaizx.blog.51cto.com/1064363/976543