javascript 设置某DIV区域内的checkbox复选框

  <!--HTML代码片段如下: -->

  

复制代码 代码如下:

  <div id="div1">

  <input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全选<br/>

  <input type="checkbox" /><br/>

  <input type="checkbox" /><br/>

  <input type="checkbox" /><br/>

  </div>

  <br/>

  <div id="div2">

  <input type="checkbox" onclick="selectCheckBoxes('div2', this.checked)" />全选<br/>

  <input type="checkbox" /><br/>

  <input type="checkbox" /><br/>

  <input type="checkbox" /><br/>

  </div>

  <!--js代码片段如下: -->

  

复制代码 代码如下:

  <script type="text/javascript">

  function selectCheckBoxes(domId,value) {

  var inputs = document.getElementById(domId).getElementsByTagName("input");

  for(var i = 0; i < inputs.length; i++) {

  if (inputs[i].type == 'checkbox') {

  inputs[i].checked=value;

  }

  }

  }

  </script>

  将以上代码放到body里即可。