注册 | 登录 忘记密码? 51cto首页 | 博客 | 论坛 | 招聘
热点文章 校园网重规划
 帮助

表单中选择多个复选框的方法


2007-11-03 20:31:49
 标签:表单 复选框   [推送到技术圈]

function selectAll(checkstatus) {
 var d=document.form; //form替换为你的表单名称
 var i;
 for(i=0;i<d.elements.length;i++) {
  if(d.elements[i].type=="checkbox"&&d.elements[i].name!="checkall") {
   d.elements[i].checked=checkstatus;
  }
 }
}
<input name="all" type="checkbox" onClick="selectAll(this.checked)">

function selectAllBox(formname) {  
 for(var i=0;i<formname.elements.length;i++) {  
    var e=formname.elements[i];  
      if(e.name!='allbox' & !e.disabled) e.checked=formname.allbox.checked;  
       }
}  
<input type="checkbox" name="allbox" onClick="selectAllBox(this.form)" value="ON">

function checkAll(c) {
  var e=document.all.tags('input')  
  for(i=0;i<e.length;i++) {  
   if((e[i].name.indexOf('form')!=-1)&&(e[i].type=='checkbox')) e[i].checked=c.checked; //form替换为你的表单名称
  }  
}
<input type="checkbox" name="checkAll" onclick="checkAll(this)">


上一篇 完美转换MySQL的字符集  下一篇 VRRP简介



    文章评论
 
 

发表评论

昵   称:
验证码:  点击图片可刷新验证码  博客过2级,无需填写验证码
内   容: