Html
    Css
    Js

    
                        

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

多选框的全选

实现1-6选择完成后,全选框自动勾上,取消其中之一,全选自动取消,以及单击全选,1-6全部勾选与不勾选的实现,新人多多关照

3
      正在读取昵称,请稍等...0
      2017/11/13 17:10:20
      var flag = true;
      $("[name='cb']").each(function() {
          if ($(this).is(":checked") == false) {
              flag = false;
          }
      });
      if (flag) {
          $("#allCheckBox").prop("checked", true);
      } else {
          $("#allCheckBox").prop("checked", false);
      }
      });
      回复
      正在读取昵称,请稍等...0
      2017/11/13 17:07:11

      你这个不能只是限制6个才全选

      回复
      浅浅请0
      2017/11/13 13:31:15
      $(function() {
          $("#all").click(function() {
              if ($("#all").prop("checked") == true) {
                  $("input[name='ck']").prop("checked", true);
              } else {
                  $("input[name='ck']").prop("checked", false);
              }
          })
          $("input[name='ck']").click(function() {
              if ($("input[name='ck']:checked").length == 6) {
                  $("#all").prop("checked", true);
              } else {
                  $("#all").prop("checked", false);
              }
          })
      })
      回复