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

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

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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有