最近做了个多选的页面:
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;
}
}
}
分享到:
相关推荐
为了解决这个问题,我们可以利用JavaScript或者jQuery来检测radio按钮的状态,并根据状态改变对应的样式。 以下是一种常见的实现方案: 1. **HTML 结构**:创建一个隐藏的 radio 元素,以及一个用于显示样式的标签...
文档中的代码示例展示了如何使用HTML中的`<input type="radio">`元素来构建一个包含多个选项的单选列表,并通过JavaScript检测用户的输入。 **知识点细节:** - **基本语法:** ```html <input type="radio" name...
7. **JavaScript与CSS3的结合**:虽然CSS3能处理大部分动画效果,但在某些复杂情况下,可能需要JavaScript来辅助,例如检测用户交互、控制动画的开始和结束,或者在特定条件下触发动画。 8. **响应式设计考虑**:在...
3. **`.is()`方法**: 这个方法用于检测元素是否满足特定条件。例如,`$('input[type="radio"]').is(':checked')`会返回一个布尔值,表示是否存在被选中的单选按钮。 4. **`.val()`方法**: 用于获取或设置元素的值。...
在一组radio按钮中,每个按钮都具有相同的`name`属性,而`value`属性则代表了该按钮的值。用户只能选中其中的一个选项,这通过`checked`属性来表示。 在JavaScript中,要通过`this`变量快速找出用户选中的radio按钮...
对于radio和checkbox,我们可以使用`:checked`伪类选择器来检测它们是否被选中,并对它们应用特定的样式。 在示例代码中,我们首先设置了包含radio和checkbox的容器(如`.reset-radio`和`.reset-checkbox`类),...
根据给定的文件信息,以下是对“js200多个小技巧”中提及的部分知识点的详细解析: ### 1. HTML事件与JavaScript交互 - **`onBlur`**:当元素失去焦点时触发的事件。在示例中,用于检测输入框是否为空,并在失去...
jQuery作为最流行的JavaScript库之一,提供了一种非常简洁的方式来检测用户是否选择了某个单选按钮。 首先,我们需要了解单选按钮在HTML中的基本结构。单选按钮是通过标签来实现的,并且通过name属性来将一组单选...
在JavaScript中,变量声明使用`var`关键字,数据类型包括基本类型(如字符串、数字、布尔值)和引用类型(如对象和数组)。函数是第一类公民,可以作为参数传递,也可以作为返回值。面向对象编程在JavaScript中也很...
创建一组`<input>`元素,类型为`radio`,每个代表一星。通过CSS隐藏这些`radio`按钮,同时创建一套可见的星级图标,这些图标可以是`<span>`或`<i>`元素,通过类名来区分不同的星级。例如: ```html <input type="...
总的来说,`radio-reset-controller` 提供了一种创新的无JavaScript状态管理解决方案,特别适用于处理单选按钮的复位操作。通过充分利用HTML的特性,它简化了代码,提高了网页的性能,同时也降低了维护成本。对于...
在该函数中,使用了 jQuery 的选择器和方法来检测和获取选中的 radio 按钮值。具体来说,使用了 $('input:radio[name="sex"]:checked') 来选取名为“sex”的 radio 按钮组中被选中的按钮,并通过调用 .val() 方法来...
var radio = document.createElement("<input type='radio' name='myradio'></input>"); ``` #### 六、检测IE浏览器 **问题描述:** 有时候需要检测用户是否使用的是IE浏览器。 **解决方法:** 利用`document....
与`radio_init`类似,但针对的是复选框,允许用户选择多个选项。 #### 16. `isNull`:判断值是否为空 用于检查变量或对象是否为null或undefined,是数据验证和错误预防的重要组成部分。 #### 17. `add_option`:...
JavaScript是一种广泛应用于Web开发的...以上是对这套JavaScript面试题的解析,涵盖的知识点全面,适合准备JavaScript面试的开发者进行自我检测和学习。理解并掌握这些知识点,对于提升JavaScript编程能力大有裨益。
// radio类型的input集合,因为Radio比较特殊,要一组一组检测,所以这里用一个Hashtable,根据radio的name作为Key来保存所有的Radio集合 var radioes; // 每一个name对应的Radio集合 var inputs = ...
在JavaScript中,我们可以添加事件监听器来检测用户对这些按钮的选择,并根据这些选择决定是否启用提交按钮。例如,如果存在一个必选的单选按钮组,我们需要确保用户至少选择了一个选项后,提交按钮才会被激活。 ...
1. 单选按钮选择验证:通过JavaScript函数`checkform`检测表单中的单选按钮组(radio button group)是否至少有一个被选中。如果没有,会弹出提示框“请选择”,并阻止表单的提交。 2. 长度限制验证:定义了一个`...