Javscript实现复选框的全选功能
http://www.zftb.cn  发布时间:2015-08-27 13:24 来源:一起学编程网 浏览:加载中
如何实现全选多选框中的所有选项呢?其实很简单,下面就是代码以及说明,请仔细阅读。

<script language="javascript"> 
//代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮 
   function selectAll()  
   { 
for (var i=0;i<document.form1.memberId.length;i++) { 
var temp=document.form1.memberId[i]; 
temp.checked=!temp.checked; 

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

</script>


  复选框(一个例子)

  <input name="memberId" type="checkbox" value="复选框值">

  全选按钮:

  <input type="button" name=selectButton value="全部选择" onClick="selectAll()" style="cursor:hand;">
如果你有好的win10资讯或者win10教程,以及win10相关的问题想要获得win10系统下载的关注与报道。
欢迎加入发送邮件到657025171#qq.com(#替换为@)。期待你的好消息!