有的时候，我们需要对多组radio判断是否少选择了其中一组。比如，做稍微复杂一点的调查的时候。
而且，这种情况下，radio的组数还是不固定的，名称也是不固定的，没法直接判断各组radio是否都选择了。
通过如下js小代码可以实现判断。
<script type="text/javascript"> function checkSubmit() { var radioname; var arrRadio = new Array(); var inputs=document.getElementById("vote").getElementsByTagName("input"); for(var i=0;i<inputs.length;i++) { if(inputs[i].type=="radio"){ //这里将所有的radio根据name分组,便于之后按组判断是否选中(一组选中一个即可) if (radioname !=inputs[i].name){ arrRadio.push(inputs[i].name); radioname =inputs[i].name; } } } for (var i=0;i<arrRadio.length;i++) { var bRadio=false; for (var j=0;j<document.getElementsByName(arrRadio[i]).length;j++) { if (document.getElementsByName(arrRadio[i]).item(j).checked==true){ bRadio=true; continue; } } if (!bRadio){ alert("请仔细检查是否遗漏了调查选项！"); return false; } } var params = ""; for (var i=0;i<arrRadio.length;i++) { for (var j=0;j<document.getElementsByName(arrRadio[i]).length;j++) { if (document.getElementsByName(arrRadio[i]).item(j).checked==true){ if(params != "") { params = params +","; } //params += arrRadio[i] +"|"+document.getElementsByName(arrRadio[i]).item(j).value; params += document.getElementsByName(arrRadio[i]).item(j).value; continue; } } } } </script>
form后面用“onsubmit="return checksubmit();"”来调用这个js。
分享到：
相关推荐
本项目展示了如何在JSP页面中使用`radio`控件，结合JavaScript进行用户交互处理，如判断是否选中以及获取选中的`radio`控件的值。 首先，我们来理解`radio`控件的基本结构。在HTML中，`<input>`标签用于创建`radio`...
- **JavaScript的作用：**在该示例中，JavaScript被用来编写客户端脚本，用于检查用户是否选择了某个`radio`按钮。这样可以在不提交表单的情况下就得到反馈，提高了用户体验。 #### 二、表单元素：`<input type="...
本文将深入探讨如何使用jQuery来判断单选按钮（radio）是否有被选中，并获取选中的值。 首先，我们需要理解HTML中的`<input type="radio">`元素。在网页中，单选按钮通常用于提供一组互斥的选择选项，用户只能选择...
本文将详细介绍在jQuery框架下判断`radio`按钮是否被选中的四种方法。 #### 方法一：通过属性选择器获取`checked`属性 第一种方法是利用jQuery的选择器来直接访问`checked`属性。具体步骤如下： ```javascript ...
下面详细介绍利用JavaScript判断表单提交时哪个单选按钮被选中的方法。 首先，我们需要了解HTML表单和单选按钮的基本结构。单选按钮通过`<input type="radio">`标签创建，这些按钮共享同一个`name`属性值来确保用户...
除了获取选中项的值，我们还可能需要判断用户是否选择了单选按钮组中的任何选项。这可以通过修改上述代码来实现： ```javascript var group = document.getElementsByName('RadioGroup1'); var isChecked = false; ...
1. 函数首先判断传入的参数radio是否是一个单选按钮。如果radio不是集合（即没有length属性），并且type属性为"radio"，则直接返回该单选按钮的值，前提是它已被选中（checked属性为true）。 2. 接下来，函数检查...
因此，判断`RADIO`按钮是否被选择，主要看这一组中是否有被选中的按钮。在JavaScript中，可以通过遍历表单元素来检查这一组`RADIO`按钮的`checked`属性。如果找到一个`checked`属性为`true`的按钮，说明至少有一个被...
jQuery作为最流行的JavaScript库之一，提供了一种非常简洁的方式来检测用户是否选择了某个单选按钮。 首先，我们需要了解单选按钮在HTML中的基本结构。单选按钮是通过标签来实现的，并且通过name属性来将一组单选...
在讨论如何使用JavaScript判断RadioButtonList控件是否有选项被选中的问题之前，首先需要明确几个关键概念和组件，这些是构建整个知识点的基石。以下将详细展开与知识点相关的各个方面。 ### 关键知识点一：...
在这个示例中，我们关注的是如何使用jQuery来判断单选按钮（radio）是否被选中，并获取选中的值。 首先，确保在HTML文档中正确引用了jQuery库。在示例代码中，引入了版本为1.6.1的jQuery库，如下所示： ```html ...
获取单选按钮被选中值的原理是通过遍历单选按钮组，检查每个按钮的`checked`属性，来判断是否有单选按钮被选中。如果某个按钮被选中，那么它的`checked`属性将为`true`，此时就可以获取这个按钮的`value`属性值。 #...
在HTML表单中，单选框（`<input type="radio">`）是常用的一种表单元素，用于让用户在多个选项中选择一个。在本文中，我们将深入探讨如何使用JavaScript获取HTML页面中的单选框的值，并对其进行封装以提高代码的可...
假设有一组Radio按钮，它们共享同一个`name`属性，比如"name='choice'"，可以这样判断哪个被选中： ```javascript var radios = document.getElementsByName("choice"); for (var i = 0; i ; i++) { if (radios[i]...
Radio按钮通常用于提供一组互斥的选择，用户只能选择其中一个。在jQuery中，我们可以使用`.prop()`或`.attr()`方法来改变其选中状态，使用`.val()`获取选中的Radio的值。 1. **设置Radio选中状态**： ```...
在WEB开发中，radio按钮通常用于提供用户选择多个选项中的一个。然而，有时候，我们可能需要动态地清除radio的选中状态，这在某些交互场景中非常有用。 ### Layui框架简介 Layui是一套遵循自身模块规范的前端UI...
### JavaScript 判断单选框或复选框是否选中的方法集锦 在Web开发中，经常需要使用JavaScript来检查表单中的单选框（`<input type="radio">`）和复选框（`<input type="checkbox">`）是否被用户选中。这种检查对于...
最后，我们提到的“这个只判断有没有选择”，指的是检查用户是否至少选择了一个单选按钮。在JavaScript中，可以这样实现： ```javascript function hasRadioSelected() { var radArr = document.getElementsByName...