js用单按钮实现checkbox全选/反选

时间:2022-03-29 09:07:14

js用单按钮实现checkbox全选/反选功能。

直接上代码。

<form method="post" name="listform" action="">

<input name="chkall" type="checkbox" id="chkall" value="" onclick="selectall(this.form)"/>
     全选
  </form>

<script type="text/javascript">
function selectall(whosform){
 for(var i=0;i<whosform.elements.length;i++){
    var box = whosform.elements[i];
   if (box.name != 'chkall')
    box.checked = whosform.chkall.checked;
 }
}
</script>

selectall函数传值form表单,在函数中直接用form表单的chkall属性的checked值,就可以了。