且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-08-13 10:37:02

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都会被选中或取消选中



     本文转自wfyang 51CTO博客,原文链接:http://blog.51cto.com/wfyang/55957,如需转载请自行联系原作者