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

| |
[晴 October 10, 2006 10:15 | by jed ]
 有很多人不知道在多选框中全选怎么还编写代码。其实很简单,下面就是代码以及说明,请仔细阅读。


<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;">

Tags:
代码编程 | 评论(0) | 引用(0) | 阅读(1210)
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
昵称   密码   游客无需密码
网址   电邮   [注册]