`
wwtaoin
  • 浏览: 25509 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

批量处理表单中的radio

阅读更多

批量处理表单中的radio

需求:表单中大量的radio,过长,不可以使用默认值,防止漏选,验证整个表单中的radio都被选择过

  中控锁   无 有

  车门   无 有

  倒档   无 有

  车速   无 有

  ACC   无 有

  里程   无 有

  气囊灯   无 有

  低油量灯   无 有

  刹车   无 有

  方向灯   无 有

 

代码如下:

var radios = $(':radio');
for (var i=0; i<radios.length/2; i++){
	if(!(radios[2*i].checked==true || radios[2*i+1].checked==true)){
		alert($(radios[2*i]).parent().prev().text() + '未选择');
		return false;
	}
}

 

0
0
分享到:
评论

相关推荐

    js 验证表单中的值是否改变

    表单用于收集用户输入的数据,通常包含各种表单控件,如文本输入框(`&lt;input type="text"&gt;`)、密码输入框(`&lt;input type="password"&gt;`)、复选框(`&lt;input type="checkbox"&gt;`)、单选按钮(`&lt;input type="radio"&gt;`...

    JEECG Online表单开发指南v3.7

    - **显示复选框**: 决定在表单列表中是否显示复选框,便于批量操作。 - **是否分页**: 控制表单数据是否采用分页显示,提高数据加载效率。 - **查询模式**: 设置查询条件的方式,可以选择单字段或多个字段组合查询。...

    vue.js给动态绑定的radio列表做批量编辑的方法

    本文展示了在Vue.js中处理动态绑定的radio列表的批量编辑方法。通过了解这一过程,开发人员可以更灵活地处理用户界面中的列表数据,并提供高效的编辑体验。在实际的项目开发中,根据不同的需求,可以适当调整上述...

    jQuery复制表单元素代码.zip

    首先,理解HTML表单是网页中用于收集用户数据的基本元素,包括输入框(input)、文本区域(textarea)、复选框(checkbox)、单选按钮(radio)等。jQuery提供了一种简单的方式来选择和操作这些元素。 1. **选择器**:...

    jQuery支持删除重新选择表单代码.zip

    单选按钮(Radio Button)和多选按钮(Checkbox)是表单元素中常见的两种类型,它们通常用于让用户在多个选项中做出选择。在默认情况下,这些按钮的样式可能比较单调,不便于吸引用户的注意力或与网站的整体设计保持...

    js checkbox radio

    在JavaScript中,`checkbox`和`radio`是两种常见的表单元素,用于用户输入选择数据。它们在网页交互中扮演着重要角色。本篇将详细探讨这两种元素的使用方法、特性以及如何通过JavaScript进行操作。 一、Checkbox...

    flash批量上传 php

    31.//需要设置的FORM表单中checkbox,text,textarea,radio,select项目的ID值 32.//参数为数组类型,注意使用此参数必须有 challs_flash_FormData() 函数支持 33. 34.a.CompleteClose=true; 35.//设置为true时,上传...

    jQuery操作input type=radio的实现代码

    在Web前端开发中,操作单选按钮(input type="radio")是...这些操作方法广泛应用于表单数据处理、用户界面交互设计、表单验证等场景中。掌握这些知识点将有助于开发者更高效地进行Web开发,提高用户界面的交互体验。

    Layui事件监听的实现(表单和数据表格)

    4. **form.on**:Layui的`form.on`方法用于监听表单中的各种事件,如`submit`、`radio`、`checkbox`等。事件监听器通常这样设置: ```javascript form.on('submit(go)', function(data) { console.log(data.field...

    jQuery表单域选择器用法分析

    jQuery表单域选择器是jQuery库中用于选取HTML表单元素的强大工具,它们简化了对输入字段、文本区域、选择列表、按钮等的处理。下面将详细介绍这些选择器的用法和功能。 1. `:input`选择器:这个选择器用于选取所有...

    通过angular.element,变成jquery对象,改样式

    在实际开发中,你可能会遇到需要批量处理多个元素的情况,比如处理一组单选按钮(radio buttons)。在这种情况下,可以使用选择器来选取这些元素: ```javascript var radioButtons = angular.element('input[type=...

    jquery checkbox,radio是否选中的判断代码

    在HTML表单中,`checkbox` 和 `radio` 是常见的交互元素,它们通常用于用户的选择输入。本文将详细介绍如何使用jQuery来判断`checkbox`和`radio`是否被选中。 首先,我们来看`radio`的选择判断。`radio`按钮通常...

    jquery的checkbox,radio,select等方法小结

    在jQuery中,对HTML元素的操纵是前端开发中不可或缺的一部分,尤其对于`checkbox`、`radio`和`select`这些常见的表单控件,熟练掌握它们的jQuery操作至关重要。这里我们将详细探讨这些方法,帮助你更好地理解和应用...

    巧用jQuery选择器提高写表单效率的方法

    7. **优化数据处理**:在示例代码中,`showResult`函数展示了如何根据JSON数据动态更新页面,并在用户点击按钮时获取表单数据。这种方法减少了手动编写大量DOM操作代码,提高了代码的可读性和维护性。 8. **注意...

    JavaScript动态增减表单项

    表单(`&lt;form&gt;`)用于收集用户输入的数据,其中包含各种表单项,如文本框(`&lt;input type="text"&gt;`)、复选框(`&lt;input type="checkbox"&gt;`)、单选按钮(`&lt;input type="radio"&gt;`)、下拉列表(`&lt;select&gt;`)等。...

    JQuerry 插件介绍

    - jQuery Form’n Field plugin:进一步增强表单处理。 - jQuery Checkbox manipulation:控制复选框的行为。 - jTagging:实现标签输入功能。 - jQuery labelcheck:使标签更具交互性。 - Overlabel:让标签...

    常州继续教育网页设计及制作考试题及答案答案.doc

    14. **HTML 表单**:在表单中,`&lt;input type="radio"&gt;` 用于创建单选按钮,`checked` 属性表示默认选中。 15. **图像格式**:Photoshop 默认的图像格式是 `.psd`,它保留了所有编辑层和元数据。 16. **XML...

    vue例子(实现单选、多选、弹窗等功能)

    首先,单选和多选是网页表单中常见的数据输入方式。在Vue.js中,我们可以利用v-model指令来双向绑定数据,实现视图和模型的实时同步。对于单选,我们通常会用到HTML的`&lt;input type="radio"&gt;`元素,配合v-model和v-...

    dwr utils.js常用方法整理

    而Util.js作为DWR框架中的一部分,提供了丰富的工具函数,用于处理DOM操作、数据获取与设置、以及表单元素的控制等,大大提升了开发效率。 ### 1. 取元素操作符:$()/byId() `$()` 和 `byId()` 是DWR中用于获取...

    一些公用的javascript函数(希望大家一起开源).txt

    这在处理表单数据时非常有用,尤其是在需要批量操作复选框的情况下。 **代码示例:** ```javascript function selectAll(state, name) { var ids = document.getElementsByName(name); for (var i = 0; i ; i++) {...

Global site tag (gtag.js) - Google Analytics