Js获取单选框radio的几种方式
作者：widenstage
这篇文章主要介绍了Js获取单选框radio的几种方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Js获取单选框radio
首先编写HTML
如下：
<form id="form1">
<table border="0">
<tr>
<td>年龄段：</td>
<td>
<input type="radio" name="age" value="18" />小于18岁
<input type="radio" name="age" value="18-40" checked="checked" />18-40岁
<input type="radio" name="age" value="40" />40以上
</td>
</tr>
<tr>
<td>分数：</td>
<td>
<input type="radio" name="score" value="60" />小于60分
<input type="radio" name="score" value="60-80" checked="checked" />60-80分
<input type="radio" name="score" value="80" />80分以上
</td>
</tr>
</table>
</form>方法
function readradio() {
// 方法一
var item = null;
var obj = document.getElementsByName("age")
for (var i = 0; i < obj.length; i++) { //遍历Radio
if (obj[i].checked) {
item = obj[i].value;
}
}
alert(item);
// 方法二 jquery版本在1.3之前 (FF和chrome下无效)
item = $('input[name=age][checked]').val();
alert(item);
// jquery 1.3 之后使用
item = $('input[name=age]:checked').val();
alert(item);
// 方法三 jquery 读取多个 版本在1.3之前 (FF和chrome下无效)
$("input[type=radio][checked]").each(function() {
item = $(this).val();
alert(item);
})
// jquery 1.3 之后使用
$("input[type=radio]:checked").each(function() {
item = $(this).val();
alert(item);
})
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。