<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值求教等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)