`

怎么得到Radio、Checkbox和Select选择的值

    博客分类:
  • js
阅读更多
1.Radio和Checkbox

      使用length属性得到他们的元素个数,然后使用checked属性遍历每个元素,若 == true则表时已选择 如:
      for (var i = 0; i < myform.myradio.length;i++){
            if (myform.myradio[i].checked == true)
                   myra = myform.myradio[i].value;
       }
       checkbox同理.

2.Select

    单选
    使用options.selectedIndex得到选择的索引值,然后使用options[索引值].value得到选择的文本
    多选
    同样使用options.length得到元素个数,然后使用selected属性遍历



本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/benqmm/archive/2006/03/17/627046.aspx
分享到:
评论

相关推荐

    jquery获取各种radio,checkbox,select的值等

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作DOM元素,包括处理radio、checkbox和select。这些元素在网页表单中十分常见,用于收集用户输入。以下是对标题和描述中涉及的知识点的详细说明: 1. **...

    LazyForm radio,checkbox,select样式自定义

    Radio和checkbox通常用于用户进行单选或多选操作,而select则用于下拉列表选择。在默认情况下,这些元素的样式受到浏览器的限制,往往显得单调且不一致。LazyForm允许开发者通过CSS和JavaScript来定制这些元素的外观...

    radio、checkbox、select等选择标签的总结

    在网页设计和开发中,`radio`、`checkbox` 和 `select` 是三种常见的表单元素,用于收集用户输入的数据。这些元素都是HTML语言的一部分,是构建交互式Web页面的关键工具。下面是对这三个标签的详细解释和总结: 1. ...

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

    jquery 获得select、radio、checkbox选择的text和value值

    ### jQuery 获取 Select、Radio、Checkbox 的 Text 和 Value 值详解 #### 一、Select 下拉框的操作 在网页开发中,`&lt;select&gt;` 标签用于创建下拉列表,通常用于用户输入时的选择操作。jQuery 提供了简单且强大的...

    checkbox radio select 样式修改样例

    在网页设计中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉菜单选择。然而,由于浏览器的默认样式通常...

    怎么获取checkbox/select/radio、选择中的text和value值

    在IT领域,特别是前端开发中,获取用户界面元素如`checkbox`、`select`和`radio`的选择状态是一项常见的需求。这些元素常用于收集用户的偏好或输入,因此准确地读取它们的`text`(显示文本)和`value`(实际值)对于...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    checkbox-radio-select样式自定义

    `checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select样式自定义"中,我们将探讨如何对这些元素进行自定义,以提供更符合设计需求或品牌风格的视觉体验。 一、`...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    selectTree tree控件 日历控件 tree控件 radio CheckBox demo

    它提供了一个直观的方式来查看和选择日期,通常包含月份和年的切换,以及星期的标识。前端开发中,有很多现成的日历插件,例如jQuery UI的Datepicker或Bootstrap的Datepicker,它们都提供了丰富的样式和配置选项。 ...

    js中的radio,checkbox,select例子

    一个小例子,含全选,有注释,学习一下这些表单元素的属性和方法

    struts2(checkbox_radio_select)表单标签的应用及详细事例

    本文将详细介绍Struts2中用于处理复选框(checkbox)、单选按钮(radio)以及下拉选择框(select)的表单标签,并通过具体的例子展示它们的用法。 ### 1. 表单标签Checkbox - 复选框 **复选框**允许用户从多个选项...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    对于表单元素,比如单选框(Radio)和复选框(CheckBox),可以通过属性选择器进行精确选择。 #### 3. 获取Radio的Value值 在表单中,单选框通常具有相同的名称,但不同的值。要获取被选中的单选框的值,可以使用...

    struts1.x html标签 radio,checkbox,multibox,select的使用

    在Struts1.x中,HTML标签库提供了一系列的定制化标签,简化了视图层的开发,比如`html:radio`, `html:checkbox`, `html:multibox`和`html:select`,这些都是用来创建用户交互界面的元素,主要用于处理表单数据的输入...

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    Jquery操作radio,checkbox,select表单操作实现代码

    本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio(单选按钮)操作 jQuery操作单选按钮(radio)主要涉及选取状态的读取与设置。例如,如果有一组同名的radio按钮...

    jQuery获取Select选择的Text和_Value

    jQuery 获取和设置 Select 选择的 Text 和 Value jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将...

    php selectradio和checkbox默认选择的实现方法详解

    特别是select、radio和checkbox是表单中常用的控件,用于让用户选择一项或者多项信息。这篇文章详细介绍了如何在PHP中设置这些表单元素的默认值。 首先,select元素是一种下拉列表,允许用户从列表中选择一个或多个...

    表单checkbox多选框选择特效.zip

    "表单checkbox多选框选择特效.zip" 是一个专门针对多选框选择效果进行优化和美化的资源包。通过这个压缩包,我们可以实现更加吸引人且用户体验良好的多选功能。 首先,我们来探讨一下CSS3如何实现表单的美化。CSS3...

Global site tag (gtag.js) - Google Analytics