用js实现复选框全选
2007-04-17 14:02
363 查看
HTML:
<td><input type="checkbox" value='全选' onclick='chkall("form1",this)' name=chk>全选</td>
JS:
function chkall(input1,input2)
{
var objForm = document.forms[input1];
var objLen = objForm.length;
for (var iCount = 0; iCount < objLen; iCount++)
{
if (input2.checked == true)
{
if (objForm.elements[iCount].type == "checkbox")
{
objForm.elements[iCount].checked = true;
}
}
else
{
if (objForm.elements[iCount].type == "checkbox")
{
objForm.elements[iCount].checked = false;
}
}
}
}
<td><input type="checkbox" value='全选' onclick='chkall("form1",this)' name=chk>全选</td>
JS:
function chkall(input1,input2)
{
var objForm = document.forms[input1];
var objLen = objForm.length;
for (var iCount = 0; iCount < objLen; iCount++)
{
if (input2.checked == true)
{
if (objForm.elements[iCount].type == "checkbox")
{
objForm.elements[iCount].checked = true;
}
}
else
{
if (objForm.elements[iCount].type == "checkbox")
{
objForm.elements[iCount].checked = false;
}
}
}
}
相关文章推荐
- JavaScript学习笔记之js实现复选框checkbox的全选、反选示例
- js实现全选、全不选、反选(按钮和复选框)
- JS实现复选框全选全不选以及子复选框带动全选框的选中
- 关于 js 实现复选框 全选
- JS实现checkbox全选/全不选,单个复选框取消不全选
- 用js实现复选框的全选和取消全选的代码
- 使用js实现复选框的全选、取消功能
- js全选实现和判断是否有复选框选中的方法
- js实现复选框全选/全不选/反选
- JS中如何实现复选框全选功能
- js 实现复选框全选和反选
- JS实现复选框的全选和批量删除功能
- js与jQuery实现checkbox复选框全选/全不选的方法
- 用原生js实现复选框选择以及全选非全选功能 (待看)
- js实现复选框的全选和取消全选效果
- js 实现 复选框全选与全不选
- js实现多个复选框的全选与取消
- js实现复选框全选和反选功能
- js javascript 实现复选框全选功能 删除复选框选中项功能
- js实现复选框的全选和全不选