`
vtrtbb
  • 浏览: 360583 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js检测多组radio

J# 
阅读更多

最近做了个多选的页面:

 

function checkSubmit() {
   var radioname;
   var arrRadio = new Array();
   var inputs=document.getElementById("form2").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;
		  }
	  }	  
   } 

 

分享到:
评论

相关推荐

    自定义 input radio 兼容ie6

    为了解决这个问题,我们可以利用JavaScript或者jQuery来检测radio按钮的状态,并根据状态改变对应的样式。 以下是一种常见的实现方案: 1. **HTML 结构**:创建一个隐藏的 radio 元素,以及一个用于显示样式的标签...

    判断radio是否被选中

    文档中的代码示例展示了如何使用HTML中的`&lt;input type="radio"&gt;`元素来构建一个包含多个选项的单选列表,并通过JavaScript检测用户的输入。 **知识点细节:** - **基本语法:** ```html &lt;input type="radio" name...

    为你的radio输入提供微小的CSS3动画

    7. **JavaScript与CSS3的结合**:虽然CSS3能处理大部分动画效果,但在某些复杂情况下,可能需要JavaScript来辅助,例如检测用户交互、控制动画的开始和结束,或者在特定条件下触发动画。 8. **响应式设计考虑**:在...

    JQuery判断radio是否有选中,获取选中的值

    3. **`.is()`方法**: 这个方法用于检测元素是否满足特定条件。例如,`$('input[type="radio"]').is(':checked')`会返回一个布尔值,表示是否存在被选中的单选按钮。 4. **`.val()`方法**: 用于获取或设置元素的值。...

    JavaScript通过this变量快速找出用户选中radio按钮的方法

    在一组radio按钮中,每个按钮都具有相同的`name`属性,而`value`属性则代表了该按钮的值。用户只能选中其中的一个选项,这通过`checked`属性来表示。 在JavaScript中,要通过`this`变量快速找出用户选中的radio按钮...

    纯CSS实现radio和checkbox实现效果示例

    对于radio和checkbox,我们可以使用`:checked`伪类选择器来检测它们是否被选中,并对它们应用特定的样式。 在示例代码中,我们首先设置了包含radio和checkbox的容器(如`.reset-radio`和`.reset-checkbox`类),...

    js200多个小技巧

    根据给定的文件信息,以下是对“js200多个小技巧”中提及的部分知识点的详细解析: ### 1. HTML事件与JavaScript交互 - **`onBlur`**:当元素失去焦点时触发的事件。在示例中,用于检测输入框是否为空,并在失去...

    jquery判断单选按钮radio是否选中的方法

    jQuery作为最流行的JavaScript库之一,提供了一种非常简洁的方式来检测用户是否选择了某个单选按钮。 首先,我们需要了解单选按钮在HTML中的基本结构。单选按钮是通过标签来实现的,并且通过name属性来将一组单选...

    Netscape Javascript Reference

    在JavaScript中,变量声明使用`var`关键字,数据类型包括基本类型(如字符串、数字、布尔值)和引用类型(如对象和数组)。函数是第一类公民,可以作为参数传递,也可以作为返回值。面向对象编程在JavaScript中也很...

    js jquery星级选择 星级评分

    创建一组`&lt;input&gt;`元素,类型为`radio`,每个代表一星。通过CSS隐藏这些`radio`按钮,同时创建一套可见的星级图标,这些图标可以是`&lt;span&gt;`或`&lt;i&gt;`元素,通过类名来区分不同的星级。例如: ```html &lt;input type="...

    radio-reset-controller:没有javascript的可重用状态机组件

    总的来说,`radio-reset-controller` 提供了一种创新的无JavaScript状态管理解决方案,特别适用于处理单选按钮的复位操作。通过充分利用HTML的特性,它简化了代码,提高了网页的性能,同时也降低了维护成本。对于...

    JQuery判断radio是否选中并获取选中值的示例代码

    在该函数中,使用了 jQuery 的选择器和方法来检测和获取选中的 radio 按钮值。具体来说,使用了 $('input:radio[name="sex"]:checked') 来选取名为“sex”的 radio 按钮组中被选中的按钮,并通过调用 .val() 方法来...

    IE 不兼容的几个js问题及解决方法

    var radio = document.createElement("&lt;input type='radio' name='myradio'&gt;&lt;/input&gt;"); ``` #### 六、检测IE浏览器 **问题描述:** 有时候需要检测用户是否使用的是IE浏览器。 **解决方法:** 利用`document....

    js通用库函数

    与`radio_init`类似,但针对的是复选框,允许用户选择多个选项。 #### 16. `isNull`:判断值是否为空 用于检查变量或对象是否为null或undefined,是数据验证和错误预防的重要组成部分。 #### 17. `add_option`:...

    一套完整的javascript面试题(含有答案)

    JavaScript是一种广泛应用于Web开发的...以上是对这套JavaScript面试题的解析,涵盖的知识点全面,适合准备JavaScript面试的开发者进行自我检测和学习。理解并掌握这些知识点,对于提升JavaScript编程能力大有裨益。

    JavaScript检查表单是否为空的函数

     // radio类型的input集合,因为Radio比较特殊,要一组一组检测,所以这里用一个Hashtable,根据radio的name作为Key来保存所有的Radio集合 var radioes; // 每一个name对应的Radio集合 var inputs = ...

    Enabling Submit Button.zip

    在JavaScript中,我们可以添加事件监听器来检测用户对这些按钮的选择,并根据这些选择决定是否启用提交按钮。例如,如果存在一个必选的单选按钮组,我们需要确保用户至少选择了一个选项后,提交按钮才会被激活。 ...

    js验证大全

    1. 单选按钮选择验证:通过JavaScript函数`checkform`检测表单中的单选按钮组(radio button group)是否至少有一个被选中。如果没有,会弹出提示框“请选择”,并阻止表单的提交。 2. 长度限制验证:定义了一个`...

Global site tag (gtag.js) - Google Analytics