首先,编写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);
- })
- }
原文:https://blog.csdn.net/widenstage/article/details/68942496
原文地址:https://www.cnblogs.com/ZbsCc/p/11457970.html
时间: 2024-10-11 13:05:55