JS怎么实现全选

如题所述

<!DOCTYPE html>
<html>
<head>
  <title>test page</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<input type="checkbox" name="sports[]" value="0">足球<br>
<input type="checkbox" name="sports[]" value="10">篮球<br>
<input type="checkbox" name="sports[]" value="20">排球<br>
<input type="checkbox" name="sports[]" value="30">乒乓球<br>
<input type="checkbox" name="sports[]" value="40">羽毛球<br>
<input type="checkbox" name="sports[]" value="50">橄榄球<br>
<input type="checkbox" name="sports[]" value="60">冰球<br>
<input type="checkbox" name="sports[]" value="70">曲棍球<br>
<input type="checkbox" name="sports[]" value="80">同求<br><br>
<input type="checkbox" id="chkAll" onclick="chkAll(this)">全选
<script type="text/javascript">
  var objs = document.getElementsByName('sports[]');
  function chkAll(obj){
    for (var i = objs.length - 1; i >= 0; i--) {
      objs[i].checked = obj.checked;
    };
  }
</script>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答