`

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获取元素值的方法(常见的表单元素)

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

    jquery获取radio值(单选组radio)

    获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“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值的方法,分享给大家供大家参考。具体如下: 单选组radio: 代码如下:$(“input[@type=radio][@checked]”).val(); 单选组 radio: 代码如下:$(“input[@type=radio]”).attr(...

    jQuery设置和获取select、checkbox、radio的选中值方法

    select、checkbox、radio是很常用的表单控件,这篇文章主要介绍了jQuery设置和获取select、checkbox、radio的选中值方法,有兴趣的可以了解一下。

    jquery 获取表单元素里面的值示例代码

    本文为大家详细介绍下通过jquery获取表单元素CheckBox、Radio等的值,有需求的朋友可以参考下,希望对大家有所帮助

    jQuery操作input值的各种方法总结

    获取选中的值获取一组radio被选中项的值 代码如下:var item = $(‘input[@name=items][@checked]’).val();获取select被选中项的文本 代码如下:var item = $(“select[@name=items] option[@selected]”).text();...

    jQuery获取及设置表单input各种类型值的方法小结

    本文实例讲述了jQuery获取及设置input各种类型值的方法。分享给大家供大家参考,具体如下: 获取一组radio被选中项的值 var item = $(input[@name=items]:checked).val(); 获取select被选中项的文本 var item = ...

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

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

    jQuery 1.4.1 中文参考

    ...... ........目录.......................... 1. 速查表 10 ...12.4 提交bug及获取更新 197 12.5 changelog 198 ....................................... .......................................

    jQuery实现form表单元素序列化为json对象的方法

    本文实例讲述了jQuery实现form表单元素序列化为json对象的方法。分享给大家供大家参考,具体如下: 这段代码序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml>...

    jQuery根据ID获取input、checkbox、radio、select的示例

    input: var xxx = $(‘#ID’).val() ——————————————————————————— ...如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择: ====== $('#con_id in

    jQuery完全实例.rar

    动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以...

    jQuery选择器让你长点见识

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

    jQuery获取选中内容及设置元素属性的方法

    获取选中select : $("#id option:selected").val(); 自定义radio: ...获取radio: $("input[name='sex']:checked").val() 设置input不能编辑: $("#cashNum").attr("disabled","disabled");

    Jquery 1.3 简体中文手册

    核心 jQuery 核心函数 jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector ...提交bug及获取更新

    JQuery 1.3 中文参考手册

    核心 jQuery 核心函数 jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector ...提交bug及获取更新

Global site tag (gtag.js) - Google Analytics