用Javscript实现表单复选框的全选功能

2022-10-18,,,,

一个比较常见的全选功能,前天在弄后台的时候有看到,整理了一下。具体:
//说明:form1为表单名,mid为复选框,selectbutton为全选按钮 
<script language="javascript"> 
   function selectall()  
   { 
for (var i=0;i<document.form1.mid.length;i++) { 
var temp=document.form1.mid[i]; 
temp.checked=!temp.checked; 

   if (document.form1.selectbutton.value=="全部选择") 
   { 
     document.form1.selectbutton.value="取消全选"; 
   } 
   else 
   { 
     document.form1.selectbutton.value="全部选择"; 
   } 

</script> 

复选框:<input name="mid" type="checkbox" value="复选框的值">
说明:注意复选框的name应该与上面脚本中的document.form1.mid对应

全选按钮:
  <input type="button" name=selectbutton value="全部选择" onclick="selectall()">
同样注意name=selectbutton 

《用Javscript实现表单复选框的全选功能.doc》

下载本文的Word格式文档,以方便收藏与打印。