`
nesta13
  • 浏览: 114507 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript控制多选复选框

阅读更多
  1. <script language=javascript>    
  2. //第一种方法    
  3. function selectall1()    
  4. {    
  5.    var a = document.getElementsByTagName("input");    
  6.    if(a[0].checked==true){    
  7.    for (var i=0; i<a.length; i++)    <="" span="">
  8.       if (a[i].type == "checkbox") a[i].checked = false;    
  9.    }    
  10.    else    
  11.    {    
  12.    for (var i=0; i<a.length; i++)    <="" span="">
  13.       if (a[i].type == "checkbox") a[i].checked = true;    
  14.    }    
  15. }    
  16. //第二种方法    
  17. function selectall2() {    
  18.  var tform = document.forms['form1'];    
  19.  for (var i=0;i<tform.length;i++)    <="" span="">
  20.  {    
  21.   var e = tform.elements[i];    
  22.   if (e.type == "checkbox")    
  23.    e.checked = !e.checked;    
  24.  }    
  25. }    
  26. //第三种方法,结合上述两种方法    
  27. function selectall3()    
  28. {    
  29.    var a = document.getElementsByTagName("input");    
  30.    for (var i=0; i<a.length; i++)    <="" span="">
  31.       if (a[i].type == "checkbox") a[i].checked =!a[i].checked;    
  32.   }    
  33. //第四种方法    
  34. function selectall4(id){ //用id区分     
  35. var tform=document.forms['form1'];     
  36. for(var i=0;i<tform.length;i++){     <="" span="">
  37. var e=tform.elements[i];     
  38. if(e.type=="checkbox" && e.>}     
  39. }    
  40. //第五种方法    
  41. function selectall(theform,thename){ //theform指定的form,thename是checkbox的name属性    
  42. var tform=document.forms[theform];    
  43. document.getElementById("thewen").value='反选';    
  44. for(var i=0;i<tform.length;i++){    <="" span="">
  45.    var e=tform.elements[i];    
  46.    if(e.type=='checkbox' && e.>  }    
  47. }    
  48. </script>   
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics