欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-11-18 13:55:46
一个比较常见的全选功能,前天在弄后台的时候有看到,整理了一下。具体: //说明:form1为表单名,mid为复选框,selectbutton为全选按钮  <...
一个比较常见的全选功能,前天在弄后台的时候有看到,整理了一下。具体:
//说明: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