js中,请问如何获取radio值

js中,请问如何获取radio值,第1张

<input type="radio" name="address" value="0" />

<input type="radio" name="address" value="1" />

<input type="radio" name="address" value="2" />

js中 : var addressID = $("input[name='address']:checked")val();

思路:在html中获取被选中的radio的值,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。

步骤如下:

radio代码片断:

<input type="radio" name="a1" value="1"/>正确

<input type="radio" name="a1" value="0" />错误

js代码如下:

var b1= documentgetElementsByName('a1');

for (var i = 0; i < b1length; i++) {

if (b1[i]checked == true) {//如果选中,下面的alert就会d出选中的值

alert(b1[i]value);

}

}

定义和用法

getElementsByName() 方法可返回带有指定名称的对象的集合。

语法

documentgetElementsByName(name)

该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。

另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

很多种方式可以得到。

1、

$(':input:radio')取到所有的radio,然后each遍历,通过$(this)is(':checked')判断是否选中。

2、

$(':input:radio:checked')可以取到所有的选中的radio,然后遍历取值。

3、其实这种方法最简单,需要将的所有输入组件放到<form id="myform">表单中

var str = $('#myform')formSerialize();就会直接将表单中的信息变为xxx=value1&yyy=values&这种形式了。

注意在新版本的JQuery库中formSerialize函数被改成了统一的serialize函数了。注意你的JQuery版本。

html 代码:

<form action="indexphp" method="post"><!--get方法也是可以的--!>

    <input type="radio" name="sex" value="f"> 女

    <input type="radio" name="sex" value="m"> 男

    <input type="submit" name="submit" value="提交"> 

</form

两个radio控件的name属性必须是一样的

indexphp代码:

$_POST['sex'];//就是单选框选中的  如果使用的是get方法,那么使用 $_GET['sex'];

上面的只是简单地例子,可以参考一下

jquery获取被选中的radio的值方法是轮循checked属性:

完整例子如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">

以上就是关于js中,请问如何获取radio值全部的内容,包括:js中,请问如何获取radio值、如何用JavaScript取得Radio被选中的值、jquery获取radio值求教等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9589832.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存