Javscript实现表单复选框的全选功能
2007-02-07 16:31
288 查看
有很多人不知道在多选框中全选怎么还编写代码。其实很简单,下面就是代码以及说明,请仔细阅读。
<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;">
<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实现表单复选框的全选功能
- Javscript实现表单复选框的全选功能
- Javscript实现表单复选框的全选功能
- 用Javscript实现表单复选框的全选功能
- JQuery实现列表中复选框全选反选功能封装
- js 简单实现表单数据的增添,单项删改,多项删除,修改以及全选功能
- 给dataGridView的标题处添加复选框,并实现全选功能
- js javascript 实现复选框全选功能 删除复选框选中项功能
- JQuery 中 实现复选框全选/全不选/反选功能 案例
- JS实现CheckBox复选框全选、不选或全不选功能
- jQuery实现复选框全选功能
- 基于jQuery实现复选框的全选 全不选 反选功能
- javascript实现复选框的全选功能
- JS实现复选框的全选和批量删除功能
- 通过JavaScript来实现复选框全选或全不选的功能
- JS实现CheckBox复选框全选全不选功能
- JavaScript中复选框的全选和反选功能的实现
- JQuery实现列表中复选框全选反选功能封装
- Javascript实现复选框(全选反选功能)
- js实现复选框全选和反选功能