jQuery 实现全选、全不选

jQuery 实现全选、全不选

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
    <script type="text/javascript">
    $(function(){
        // 全选
        $("#selectAll").click(function(){
        $("#cbList :checkbox").attr("checked", true);
    });

        // 全不选
    $("#unSelect").click(function(){
        $("#cbList :checkbox").attr("checked", false);
    });
    })

    </script>

  <div id="cbList">
      <input type="checkbox" value="9001"/>蒋<br>
    <input type="checkbox" value="9002"/>智<br>
    <input type="checkbox" value="9003"/>昊<br>
  </div>
  <input type="checkbox" value="全选" id="selectAll"/>全选
  <input type="checkbox" value="全不选" id="unSelect"/>全不选
</body>
</html>

 

发表回复

您的电子邮箱地址不会被公开。