您的位置:首页 > Web前端 > JavaScript

转: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;

}

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: