图老师小编精心整理的Javscript实现表单复选框的全选功能希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~
【 tulaoshi.com - Web开发 】
有很多人不知道在多选框中全选怎么还编写代码。其实很简单,下面就是代码以及说明,请仔细阅读。
以下是引用片段:
script language="javascript"
//代码说明(lulu163.com):form1为表单名,memberId为复选框,selectbutton为全选按钮
function selectAll()
{
for (var i=0;idocument.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="复选框值"
全选按钮:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)input type="button" name=selectButton value="全部选择" onClick="selectAll()" style="cursor:hand;"
本文出自:天极
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)来源:http://www.tulaoshi.com/n/20160219/1628050.html
看过《Javscript实现表单复选框的全选功能》的人还看了以下文章 更多>>