一个通用的选择指定复选框的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都会被选中或取消选中
{
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都会被选中或取消选中
相关文章推荐
- 一个通用的js动画函数
- 在HTML页面上点击按钮按钮携带参数flag,触发一个JS函数,经过判断是否flag==1,分别跳到两个指定的方法(或者页面)
- js 至少选择一个复选框
- js判断复选框至少选择一个
- js指定一个时间执行一个函数
- 【CVTE】请使用js编写一个函数:chunk(arr,size),把一个数组arr按照指定的数组大小size分割成若干个数组块,传入的参数分别为数组
- range() 函数创建并返回一个包含指定范围的元素的数组
- 在一个页面重复使用一个js函数的方法
- 四.MUI - 复选框、单选框、使用js获取选择值
- 新浪微博插入话题后部分文字选中的js实现(控制鼠标指针位置/自动选择指定文本)
- 一个js函数,读取类似nagios配置格式的cfg文件,转为对象
- 【通用语法】C++ c# JAVA double 求指定有效位数 4舍5入,确定一个数组的整数上下限
- 【转】写一个通用的事件侦听器函数
- 改写一个截屏函数,可指定保存目录,存为JPG格式图片
- 用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
- IE和firefox通用的复制到剪贴板的JS函数
- 实现一个函数,打印乘法口诀表,口诀表的行数和列数自己指定。
- PB9写的一个拆解SQL语句的通用函数
- js 删除一个节点的所有子元素节点的函数实现
- javaScript 实现一个 下拉列表选择 的函数