共享网

js 判断checkbox是否选中
2010-4-16 10:50:19 文章来源: http://www.chr114.com 文章作者: chr114 点击率:
核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法。

//第几个没有选      

  1. <input type="checkbox" name="checkbox1" checked>      
  2. <input type="checkbox" name="checkbox1">      
  3. <input type="checkbox" name="checkbox1" checked>      
  4. <input type="checkbox" name="checkbox1">      
  5. <input type="checkbox" name="checkbox1">      
  6. <script language=javascript>      
  7. function check(obj)      
  8. {      
  9.      
  10. for(i=0;i<document.all(obj).length;i++)      
  11. {      
  12. if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")      
  13. }      
  14. }      
  15. </script>      
  16. <input type=button onclick="check('checkbox1')" value="检测">      
  17.      
  18.      
  19. //一个也没有选      
  20.      
  21.      
  22. <input type="checkbox" name="test">      
  23. <input type="checkbox" name="test">      
  24. <input type="checkbox" name="test">      
  25. <input type="checkbox" name="test">      
  26. <input type="checkbox" name="test">      
  27. <Script Language="JavaScript">      
  28. function check(obj){      
  29. for(i=0;i<document.all(obj).length;i++){      
  30. if(document.all(obj)(i).checked){      
  31. return;      
  32. }      
  33. }      
  34. window.alert('一个也没有选!');      
  35. }      
  36. </Script>      
  37. <input type=button onclick="check('test');" value="检测">      
  38.   
  39. //第几个没有选   
  40. <input type="checkbox" name="checkbox1" checked>   
  41. <input type="checkbox" name="checkbox1">   
  42. <input type="checkbox" name="checkbox1" checked>   
  43. <input type="checkbox" name="checkbox1">   
  44. <input type="checkbox" name="checkbox1">   
  45. <script language=javascript>   
  46. function check(obj)   
  47. {   
  48.   
  49. for(i=0;i<document.all(obj).length;i++)   
  50. {   
  51. if(!document.all(obj)[i].checked)alert("第"+(i+1)+"个没有选择")   
  52. }   
  53. }   
  54. </script>   
  55. <input type=button onclick="check('checkbox1')" value="检测">   
  56.   
  57.   
  58. //一个也没有选   
  59.   
  60.   
  61. <input type="checkbox" name="test">   
  62. <input type="checkbox" name="test">   
  63. <input type="checkbox" name="test">   
  64. <input type="checkbox" name="test">   
  65. <input type="checkbox" name="test">   
  66. <Script Language="JavaScript">   
  67. function check(obj){   
  68. for(i=0;i<document.all(obj).length;i++){   
  69. if(document.all(obj)(i).checked){   
  70. return;   
  71. }   
  72. }   
  73. window.alert('一个也没有选!');   
  74. }   
  75. </Script>   
  76. <input type=button onclick="check('test');" value="检测">    
  77.   
  78.   
  79.   
  80. Java代码    
  81. <script language="javascript">      
  82. function checkme()      
  83. { var checkmemberid;//定义团员      
  84. var checkcontentid;//定义文章      
  85.    checkmemberid=false;      
  86.    checkcontentid=false;      
  87. //判断团员是否选中      
  88.  if (document.all.memberid.checked==true)//只有一个单选钮的情况      
  89.   {       
  90.     checkmemberid=true;      
  91.           
  92.   }      
  93. for(i=0;i<document.all.memberid.length;i++)//有一组单选钮的情况      
  94. {      
  95. if(document.all.memberid(i).checked)      
  96. {      
  97. checkmemberid=true;       
  98. }      
  99. }      
  100. //判断文章是否选中      
  101. if (document.all.contentid.checked==true)//只有一个单选钮的情况      
  102.    {       
  103.     checkcontentid=true;      
  104.    }      
  105. for(i=0;i<document.all.contentid.length;i++)//有一组单选钮的情况      
  106. {      
  107. if(document.all.contentid(i).checked)      
  108. {      
  109. checkcontentid=true;       
  110. }      
  111. }       
  112. //将结果返回      
  113. if (checkmemberid==false)      
  114.    { window.alert("请选择团员!");      
  115.     return false;      
  116.    }      
  117. else if(checkcontentid==false)      
  118. {      
  119.     window.alert("请选择文章!");      
  120.     return false;      
  121. }      
  122. return true;      
  123.      
  124.      
  125. }      
  126.      
  127.      
  128. </script>   

欢迎访问编程之路,请在评论时遵守国家相关法律法规。评论不代表本站观点

  • 访客名称:

2010 编程之路 www.chr114.com All Rights Reserved