Js获取单选框radio的几种方法

首先，编写HTML如下：

1.   <form id=“form1”>
2.         <table  border=“0”> 
3.             <tr>
4.                 <td>年龄段：</td>
5.                 <td>
6.                     <input type=“radio” name=“age” value=“18” />小于18岁
7.                     <input type=“radio” name=“age” value=“18-40” checked=“checked” />18-40岁
8.                     <input type=“radio” name=“age” value=“40” />40以上
9.                 </td>
10.             </tr>
11.             <tr>
12.                 <td>分数：</td>
13.                 <td>
14.                     <input type=“radio” name=“score” value=“60” />小于60分
15.                     <input type=“radio” name=“score” value=“60-80” checked=“checked” />60-80分
16.                     <input type=“radio” name=“score” value=“80” />80分以上
17.                 </td>
18.             </tr>
19.           </table>
20.       </form>

方法：

1. function readradio() {
2.             // 方法一            
3.             var item = null;
4.             var obj = document.getElementsByName(“age”)
5.             for (var i = 0; i < obj.length; i++) { //遍历Radio 
6.                 if (obj[i].checked) {
7.                     item = obj[i].value;                   
8.                 }
9.             }
10.             alert(item);
11.             // 方法二 jquery版本在1.3之前 (FF和chrome下无效)
12.             item = $( ‘input[name=age][checked]‘).val();
13.             alert(item);
14.          　// jquery 1.3 之后使用
15.             item = $( ‘input[name=age]:checked‘).val();
16.             alert(item);
17.             // 方法三 jquery 读取多个 版本在1.3之前 (FF和chrome下无效)
18.             $( “input[type=radio][checked]”).each(function() {
19.                 item =  $( this).val();
20.                 alert(item);
21.             })
22.            // jquery 1.3 之后使用
23.  　　  $( “input[type=radio]:checked”).each(function() {
24.                 item = $( this).val();
25.                 alert(item);
26.             })     
27.         }

原文：https://blog.csdn.net/widenstage/article/details/68942496