正文

checkbox实现全选的多种方法2007-03-30 22:30:00

【评论】 【打印】 【字体: 】 本文链接:http://blog.pfan.cn/jixian/24421.html

分享到:

 <!-- 转自请输入关键字--><script language=javascript> //第一种方法 function selectall1() {    var a = document.getElementsByTagName("input");    if(a[0].checked==true){    for (var i=0; i<a.length; i++)       if (a[i].type == "checkbox") a[i].checked = false;    }    else    {    for (var i=0; i<a.length; i++)       if (a[i].type == "checkbox") a[i].checked = true;    } } //第二种方法 function selectall2() {  var tform = document.forms['form1'];  for (var i=0;i<tform.length;i++)  {   var e = tform.elements[i];   if (e.type == "checkbox")    e.checked = !e.checked;  } } //第三种方法,结合上述两种方法 function selectall3() {    var a = document.getElementsByTagName("input");    for (var i=0; i<a.length; i++)       if (a[i].type == "checkbox") a[i].checked =!a[i].checked;   } //第四方法 function selectall4(id){ //用id区分  var tform=document.forms['form1'];  for(var i=0;i<tform.length;i++){  var e=tform.elements[i];  if(e.type=="checkbox" && e.name==id) e.checked=!e.checked;  }  } //第五种方法 function selectall5(theform,thename){ var tform=document.forms[theform]; //document.getElementById("thewen").value='反选'; for(var i=0;i<tform.length;i++){    var e=tform.elements[i];    if(e.type=='checkbox' && e.name==thename)e.checked=!e.checked;   } } </script> <form id="form1" name="form1" method="post" action="">   <input type="checkbox" name="sid" value="1" /> <input type="checkbox" name="sid" value="2" /> <input type="checkbox" name="sid" value="3" /> <input type="checkbox" name="sid" value="4" />   <input name="thes" type="button" onclick="javascript:selectall1()" value="第一种" />   <input name="thes" type="button" onclick="javascript:selectall2()" value="第二种" />   <input name="thes" type="button" onclick="javascript:selectall3()" value="第三种" />   <input name="thes" type="button" onclick="javascript:selectall4('sid')" value="第四种" />   <input name="thes" type="button" onclick="javascript:selectall5('form1','sid')" value="第五种" /> </form>

阅读(1958) | 评论(0)


版权声明:编程爱好者网站为此博客服务提供商,如本文牵涉到版权问题,编程爱好者网站不承担相关责任,如有版权问题请直接与本文作者联系解决。谢谢!

评论

暂无评论
您需要登录后才能评论,请 登录 或者 注册