转:Javascript 控制 CheckBox 的全选与取消全选
2011-08-22 21:37
369 查看
转:http://www.codebit.cn/javascript/javascript-checkbox.html
本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强。
Javascript 控制 CheckBox 的全选与取消全选 – 示例
用法示例:
------------下面这个没试过-----------------
function AllQuery()
{
var checkBox=document.getElementById(“QueryAll”);
var checkBoxAll=document.getElementsByTagName(“input”);
for(var i = 0 ; i < checkBoxAll.length ; i++)
{
if(checkBoxAll[i].type == “checkbox”)
{
checkBoxAll[i].checked = checkBox.checked;
}
}
}
这样一个方法就可以了
-----------------------下面这个我试过能用--------------------------------------------
<input type="checkbox" id = "allCheckbox" name="selectAll" value="#" onclick = "allQuery(this, 'savedLotId')"/>
function allQuery(thisbox, name) //这里name就是其他所有的被控制的checkbox 的name
{
var checkBoxAll=document.getElementsByName(name);
for(var i = 0 ; i < checkBoxAll.length ; i++)
{
if(checkBoxAll[i].type == "checkbox")
{
checkBoxAll[i].checked = thisbox.checked;
}
}
}
本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强。
Javascript 控制 CheckBox 的全选与取消全选 – 示例
function AllQuery()
{
var checkBox=document.getElementById(“QueryAll”);
var checkBoxAll=document.getElementsByTagName(“input”);
for(var i = 0 ; i < checkBoxAll.length ; i++)
{
if(checkBoxAll[i].type == “checkbox”)
{
checkBoxAll[i].checked = checkBox.checked;
}
}
}
这样一个方法就可以了
-----------------------下面这个我试过能用--------------------------------------------
<input type="checkbox" id = "allCheckbox" name="selectAll" value="#" onclick = "allQuery(this, 'savedLotId')"/>
function allQuery(thisbox, name) //这里name就是其他所有的被控制的checkbox 的name
{
var checkBoxAll=document.getElementsByName(name);
for(var i = 0 ; i < checkBoxAll.length ; i++)
{
if(checkBoxAll[i].type == "checkbox")
{
checkBoxAll[i].checked = thisbox.checked;
}
}
}
相关文章推荐
- Javascript 控制 CheckBox 的全选与取消全选
- 实现全选和取消全选(JavaScript控制CheckBox 的全选与取消全选)
- Javascript 控制 CheckBox 的全选与取消全选
- Javascript 控制 CheckBox 的全选与取消全选
- Javascript 控制 CheckBox 的全选与取消全选
- Javascript 控制 CheckBox 的全选与取消全选
- 实现checkbox全选、反选、取消JavaScript小脚本异常
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- Javascript实现CheckBox的全选与取消全选的代码(转)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- JS基础学习篇----JS控制checkbox全选、取消全选、删除功能
- DataGrid 的 全选/取消全选 控制(CheckBox)
- jquery结合javascript实现无限级checkbox的全选与取消
- javascript控制服务器控件-js操作CheckBoxList实现全选、反选
- Javascript实现CheckBox的全选与取消全选的代码
- DataGrid 的 全选/取消全选 控制(input CheckBox)
- 利用JavaScript实现GridView上方的 全选中,全驳回 控制 GridView中 CheckBox的功能