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

Posted 2022-09-30 zbscc

首先，编写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