问题讨论:程序 C/C++ Java GUI编程 ASP Php Shell Perl Web开发 软件工程 三大件 机箱 存储设备 光存储 音频设备 视频设备 外设 购机
asp php java C CGI .net vb delphi unix&linux sql Word Excel WPS OutLook Powerpoint Dreamweaver FPage/Golive CSS/HTML DOM/JS
热门词:流程图 excel 入侵检测 vss Windows 安全漏洞 QQ空间 事件编程 MFC

 网站建设 > DOM/JS 

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

[2007-5-24 16:13:45] [来源: 百家电脑学院] [我要投稿]

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

以下是引用片段:
<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;">

  本站原创!转载请以本站超链接形式说明出处!

·Javscript实现表单复选框的全选功能 | 相关文章·

·百家学院 | 最新评论·