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

一个通用的选择指定复选框的js函数

2007-12-20 14:37 639 查看
function selAllSites(obj, namepre)
{
var ptmp = '^'+namepre;
var patrn=new RegExp(ptmp);
var a = document.getElementsByTagName("input");
for (var i=0; i<a.length; i++)
{
if (a[i].type == "checkbox" && patrn.exec(a[i].name))
{
if(obj.checked){
a[i].checked = true;
}else {
a[i].checked = false;
}
}
}
}
函数很简单,放一个checkbox在页面上作为调用的入口,onClick事件指到函数,传入调用的checkbox自身以及需要改变的复选框的名字就可以了。函数通过正则来判断页面上的checkbox是否应该选中或取消选中,所以,如果你的页面上有多组不同的checkbox,尽量将名字取得差别大一些,不要一组取名为name,另一组直接就取名为name2,如果这样的话在选择name的时候就会将name2也选上。
给一个使用的例子:
<input type="checkbox" name="checkbox" id="checkbox" onClick="selAllSites(this, 'sites2del');">
点击这个checkbox,则页面上所有名为site2del的checkbox都会被选中或取消选中
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息