码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-09-04 11:36:41      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:token   log   adr   版本   type   rom   element   var   nts   

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

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

标签:token   log   adr   版本   type   rom   element   var   nts   

原文地址:https://www.cnblogs.com/ZbsCc/p/11457970.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!