`

js 判断checkbox是否选中

 
阅读更多

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

相关推荐

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    循环动态判断checkbox是否被选中

    ### 循环动态判断Checkbox是否被选中 在ASP.NET Web应用程序开发中,尤其是在使用C#作为后端语言时,动态地判断一个或多个`Checkbox`控件的状态是非常常见的需求。这种需求通常出现在表单验证、用户选项设置等功能...

    js 判断checkbox是否选中的实现代码

    总结一下,JavaScript判断checkbox是否选中的实现代码主要包括两个关键点:一是获取所有需要判断的checkbox元素,二是通过遍历这些元素并检查它们的`checked`属性来判断其选中状态。通过编写相应的JavaScript函数,...

    使用js判断checkbox是否被选中

    js的一些功能,通过js对checkbox的操作,对select标签的操作

    js判断checkbox是否选中个数的方法(超简单)

    在JavaScript中,我们需要编写代码来判断这些`checkbox`是否被选中,并且统计选中的个数。本文将详细介绍一种超简单的JS方法来实现这个功能。 首先,我们要明确目标:统计同类型的`checkbox`(即拥有相同`name`属性...

    JS判断单个checkbox是否被选中

    在JavaScript中,处理HTML表单...以上就是关于“JS判断单个checkbox是否被选中”的详细解释。理解并熟练运用这些知识,可以帮助你在网页应用中实现更丰富的用户交互功能。记得在实践中不断尝试和优化,以提升用户体验。

    JS判断是否选中checkbox

    **标题和描述**都是“JS判断是否选中checkbox”,这表明文章的主要目的是介绍如何使用JavaScript来检查一个或多个`checkbox`元素的状态(即是否被选中)。下面将详细介绍几种实现这一功能的方法,并对其进行深入解析...

    js 判断checkbox是否选中的操作方法

    核心提示: 大家在很多场合也许会遇到判断页面是否有元素选中,下面介绍的是利用js判断是否选中CheckBox的方法。 //第几个没有选 代码如下: &lt;input type=”checkbox” name=”checkbox1″ checked&gt; &lt;input ...

    jQuery判断checkbox是否选中的3种方法

    对于复选框(checkbox)来说,判断其是否被选中是一项基础且重要的操作。jQuery作为JavaScript的一个库,提供了简单快捷的方式来操作DOM元素,并且可以用来判断复选框是否被选中。本文将介绍使用jQuery来判断复选框...

    CheckBox 选中效果 选中子的父自动选中,选中父的子全部选中

    - `checkAll(name)`: 当选中一个父项时,该函数会被触发,其作用是将所有名为`name`的子项CheckBox选中。 - `clearAll(name)`: 当取消选中父项时,该函数会清除所有同名子项CheckBox的选择状态。 - `checkSingle...

    jQuery如何判断checkbox(复选框)是否被选中

    在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`&lt;input type="checkbox"&gt;`,当它被选中时,其`checked`属性...

    checkbox选中与未选中判断示例

    本文将深入探讨如何判断 `checkbox` 是否被选中,并提供一个具体的示例代码来帮助理解这一过程。 `checkbox` 的状态通常有两个:选中(checked)和未选中(unchecked)。在JavaScript中,我们可以通过 `checked` ...

    vue .js绑定checkbox并获取、改变选中状态的实例

    在Vue.js中,绑定checkbox并获取、改变其选中状态是常见的需求。本文将通过一个实例来详细介绍这个过程,并探讨如何处理复选框选中的值问题。 首先,让我们看下HTML部分的代码: ```html ...

    js juqery非常好用的复选框已选中的个数统计 及 js验证码 判断表单是否有选择,没有就不提交

    非常好用的复选框已选中的个数统计 及 js验证码 判断表单是否有选择,没有就不提交。代码非常简洁,个人写网站时候常用的有力帮手,自己可以下载来按需修改,不好用你找我要分。

    Angular.JS判断复选框checkbox是否选中并实时显示

    首先来看看简单的效果图,如下所示: 看一下html代码: &lt;!DOCTYPE html&gt; &lt;html data-ng-app=App&gt; &lt;head&gt; [removed][removed] [removed][removed] &lt;/head&gt; &lt;body data-ng-controller=.../

    jQuery判断checkbox是否选中的小例子

    在这篇名为“jQuery判断checkbox是否选中的小例子”的文章中,作者讲述了如何使用jQuery来判断复选框(checkbox)是否被选中的几种方法。复选框是一种常见的表单元素,常用于让用户选择一个或多个选项。在Web开发中...

Global site tag (gtag.js) - Google Analytics