//代码说明(lulu163.com):form1为表单名,memberId为复选框,">

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

80酷酷网    80kuku.com

  复选框

  有很多人不知道在多选框中全选怎么还编写代码。其实很简单,下面就是代码以及说明,请仔细阅读。

<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="全部选择" >

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: