如何用JavaScript取得Radio被选中的值
发布网友
发布时间:2022-04-24 04:28
我来回答
共1个回答
热心网友
时间:2022-04-23 19:11
思路:在html中获取被选中的radio的值,即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。
步骤如下:
radio代码片断:
<input type="radio" name="a1" value="1"/>正确
<input type="radio" name="a1" value="0" />错误
js代码如下:
var b1= document.getElementsByName('a1');
for (var i = 0; i < b1.length; i++) {
if (b1[i].checked == true) {//如果选中,下面的alert就会弹出选中的值
alert(b1[i].value);
}
}
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。