jQuery中获取Radio元素值的方法_框架

又发现自己写的JavaScript代码在FireFox下运行出错，原因很郁闷，在获取一个Radio元素的值的时候只得到了

undefind。

谷歌了一下，大多跟我用的方法是一样的

复制代码

代码如下:

var

value

$("input[name='radio1'][type='radio'][checked]")val();

这句在IE、Safari(32)下测试通过，但是在FireFox、Chrome下却得不到选中的值。

仔细再看手册，发现“表单对象属性”这个列表。难道说对表单对象有专用的属性判断的方法？把代码改一下

复制代码

代码如下:

var

value

$("input[name='radio1'][type='radio']:checked")val();

在IE、FireFox、Chrome、Safari(32)下测试均通过。

顺便测试了select元素，手册上的写法跟我常用的写法，在上述几个浏览器下都可以获取到正确的值。

复制代码

代码如下:

var

value1

$("select")val();

var

value2

$("select

option:selected")val();

我是在jQuery

132版本下测试的，大家可以试一下。

Jquery提供的选择器极大的方便了开发人员对Dom的 *** 作，真正实现了代码简化，却功能强大的目标。下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例。

form表单如下：

此处略去200字

</form>

那么如何获取被选中的radio值呢，Juqery为我们提供了如下几个方法

$("input[name='opType']:checked")val() -------此方法估计用的比较多，通俗易懂

$("input:radio:checked")val(); ---------此方法最简单，但是连着使用选择器不容易懂

$("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked]，本人第一次就写成这个了

那么，偶尔也需要遍历一下radio，如何做呢？当然需要each出场了，具体如下：

$('input[name="opType"]')each(function(){

alert(thisname+thisvalue);

});

应该明白了吧，若有什么更好的方法欢迎盖楼。

<html>

<head>

</style>

function Permissions()

{ var a = documentgetElementsByName("radios");

for(i=0;i<alength;i++)

{

if(a[i]checked)

alert(a[i]value);

}

</script>

</head>

<body>

<input type="radio" id="radios" name="radios" value="0" onclick="Permissions()" >Admin

<input type="radio" id="radios" name="radios" value="1" onclick="Permissions()">User

</body>

</html>

div id="wrap">

<input type="radio" name="payMethod" value="1" />支付宝

<input type="radio" name="payMethod" value="2" />财务通

</div>

获取一组单选按钮对象：var obj_payPlatform = $('#wrap input[name="payMethod"]');

获取被选中按钮的值：var val_payPlatform = $('#wrap input[name="payMethod"]:checked ')val();

以上就是关于jQuery中获取Radio元素值的方法全部的内容，包括:jQuery中获取Radio元素值的方法、如何使用Jquery获取Form表单中被选中的radio值、js获取radio的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9498976.html

jQuery中获取Radio元素值的方法

发表评论

评论列表（0条）