`

jQuery中获取Radio元素值的方法

阅读更多
jQuery中获取Radio元素值的方法。
又发现自己写的JavaScript代码在FireFox下运行出错,原因很郁闷,在获取一个Radio元素的值的时候只得到了 undefind。
代码:
var value = $("input[name='radio1'][type='radio'][checked]").val();


这句在IE、Safari(3.2)下测试通过,但是在FireFox、Chrome下却得不到选中的值。
仔细再看手册,发现“表单对象属性”这个列表。难道说对表单对象有专用的属性判断的方法?
修改后的代码:
var value = $("input[name='radio1'][type='radio']:checked").val();


在IE、FireFox、Chrome、Safari(3.2)下测试均通过。
顺便测试了select元素,手册上的写法跟我常用的写法,在上述几个浏览器下都可以获取到正确的值。
代码:
var value1 = $("select").val(); var value2 = $("select option:selected").val();


以上代码在jQuery 1.32版本下测试通过。
分享到:
评论

相关推荐

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jquery获取表单值

    使用jQuery获取文本框的值非常简单: ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    jQuery获取Select选择的Text和_Value

    可以使用 `$('input[@name=items]').get(1).checked = true` 方法获取 Radio 单选组的第二个元素为当前选中值。 5. 获取文本框的值: 可以使用 `$("#txt").attr("value")` 方法获取文本框的值。 6. 获取多选框 ...

    html中radio值的获取、赋值、注册事件示例详解

    使用jQuery时,可以先通过name属性选中这组radio,然后使用jQuery提供的过滤方法“:checked”找到当前选中的radio按钮,之后再获取其值或属性。例如: ```javascript var group1 = $("[name='group1']").filter(":...

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

    本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`<input type="radio">`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...

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

    1. **jQuery获取Select的值**: - `$("#select_id").change(function() {...})`:此代码会为ID为`select_id`的select元素添加一个change事件监听器,当用户选择新的选项时,会执行函数内的代码。 - `var checkText...

    jquery获取元素值的方法(常见的表单元素)

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

    Jquery获取Select标签的值

    本文详细介绍了如何使用 jQuery 来获取 Select 标签的值以及其他表单元素的操作方法。这些技术可以帮助开发者更高效地控制网页上的表单元素,并且为用户提供更加友好的交互体验。无论是简单的数据获取还是复杂的事件...

    Jquery获取radio选中值实例总结

    在本篇介绍Jquery获取radio选中值的实例总结中,将会详细地分享关于如何使用jQuery来选取和操作HTML中单选按钮(radio buttons)的方法。由于文章内容中有小部分OCR扫描错误,所以在讲解时会尽量保持原意且保证内容...

    jquery获取radio值(单选组radio)

    获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“input[@type=radio...

    jQuery中如何判断radio选中(4种方法)

    ### jQuery中如何判断radio选中(4种方法) 在Web开发中,经常需要处理表单数据,特别是用户交互部分的数据验证。对于`<input type="radio">`元素来说,了解其选中状态是非常重要的,这有助于我们在前端进行逻辑...

    jquery获取input表单值的代码

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

    如何使用jQUery获取选中radio对应的值(一句代码)

    标题提到的"如何使用jQuery获取选中radio对应的值(一句代码)",实际上就是通过jQuery选择器找到当前被选中的`radio`按钮,并获取其`value`属性。以下是对这个过程的详细解释: 首先,我们需要理解jQuery的选择器。...

    Jquery获取radio选中的值

    在本篇文章中,我们将探讨如何使用 jQuery 获取单选按钮(radio)选中的值。这对于实现用户交互和数据提交等功能至关重要。 首先,让我们了解 HTML 中的单选按钮(radio)元素。在 HTML 中,`<input type="radio">`...

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法

    使用jQuery获取选中值,可以使用`:checked`选择器来定位当前被选中的按钮,然后调用`.val()`方法获取其值。代码如下: ```javascript var selectedValue = $("input[name='likea']:checked").val(); ``` 这段代码...

Global site tag (gtag.js) - Google Analytics