<title></title>

    <script src="js/jquery-1.7.2.min.js"></script>

    <script type="text/javascript">

        $(function () {

            //没有默认选中的情况

            //先判断radio是否有选中项，再获取选中的值

            $("#btnclick").click(function () {

                //获取选中项的value属性

                var chkRadio = $('input:radio[name="list"]:checked').val();

                if (chkRadio == null) {

                    alert("没有选中项");

                    return false;

                } else {

                    alert(chkRadio);

                }

            });

            //有默认选中的情况

            //获取选中项的值，一般采用遍历的方法，判断哪一项选中，获取其value属性的值

            $("#btnclick2").click(function () {

                var chk2 = getRadioValue("list2");

                alert(chk2);

            });

            function getRadioValue(radioName) {

                var chkRadio = document.getElementsByName(radioName);

                for (var i = 0; i < chkRadio.length; i++) {

                    if (chkRadio[i].checked)

                        return chkRadio[i].value;

                }

            }

        })

    </script>

</head>

<body>

    <div>

        <input type="radio" name="list" value="十分满意" />十分满意

        <input type="radio" name="list" value="满意" />满意

        <input type="radio" name="list" value="不满意" />不满意

        <input type="radio" name="list" value="非常差" />非常差

    </div>

    <br />

    <div>

        <input type="radio" name="list2" value="十分满意2" checked="checked" />十分满意2

        <input type="radio" name="list2" value="满意2" />满意2

        <input type="radio" name="list2" value="不满意2" />不满意2

        <input type="radio" name="list2" value="非常差2" />非常差2

    </div>

    <input type="button" value="确定" id="btnclick" />

    <input type="button" value="确定2" id="btnclick2" />

</body>

</html>
var value  = $('input[name="radioName"]:checked').val(); //获取被选中Radio的Value值

原文地址：http://www.cnblogs.com/babycool/archive/2013/05/27/3101441.html

jQuery获取radio选中项的值【转藏】的更多相关文章

  1. jQuery获取Radio选择的Value值||两个select之间option的互相添加操作(jquery实现)

    jQuery获取Radio选择的Value值: 1. $("input[name='radio_name'][checked]").val();  //选择被选中Radio的Val ...

  2. jQuery获取checkbox选中项等操作及注意事项

    jQuery获取checkbox选中项等操作及注意事项 今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下 ...

  3. jQuery获取radio选中后的文字

    原文链接:http://blog.csdn.net/zhanyouwen/article/details/51393216 jQuery获取radio选中后的文字转载 2016年05月13日 10:3 ...

  4. jquery 获取radio选中的值

    如下案例:常用方法 1.获取选中值,三种方法都可以: $('input:radio:checked').val(): $("input[type='radio']:checked" ...

  5. jquery获取radio选中值及遍历

    使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:1.& ...

  6. Jquery 获取 radio选中值，select选中值

    随着Jquery的作用越来越大,使用的朋友也越来越多.在Web中,由于CheckBox.Radiobutton .DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作 ...

  7. [开发笔记]-jQuery获取checkbox选中项等操作及注意事项

    今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下来,希望能帮到遇到类似问题的同学们. 1. 获取chec ...

  8. jquery获取select选中项的文本

    使用jquery获取选中的值很简单 $("#select").val(); 但是获取选中的文本就没有这么直接了 $("#select").find(" ...

  9. 【vue系列】elementUI 穿梭框右侧获取当前选中项的值的思路

    最近 做了一个需求 在查询结果的表格中,选取(可多选)一些值,获取到保单号后,打开一个elementUI的穿梭框,然后获取到所有业务员,选取一些业务员后,将上一步获取到的保单号传递给业务员. 画个示意 ...

随机推荐

  1. 两个有关Knockout自定义拓展方法fn的小技巧

    Adding custom functions using "fn" 让observable自增/自减 最简单的方法是self.num(self.num() + 1), 但是这个写 ...

  2. BZOJ_1002_[FJOI2007]_轮状病毒_(递推+高精)

    描述 http://www.lydsy.com/JudgeOnline/problem.php?id=1002 )*&*(^&*^&*^**()*) 1002: [FJOI20 ...

  3. Makefile自动生成头文件依赖

    前言 Makefile自动生成头文件依赖是很常用的功能,本文的目的是想尽量详细说明其中的原理和过程. Makefile模板 首先给出一个本人在小项目中常用的Makefile模板,支持自动生成头文件依赖 ...

  4. Oracle Statspack报告中各项指标含义详解~~学习性能必看！！！

    Oracle Statspack报告中各项指标含义详解~~学习性能必看!!! Data Buffer Hit Ratio#<#90# 数据块在数据缓冲区中的命中率,通常应该在90%以上,否则考虑 ...

  5. 豆约翰博客备份专家博客导出示例（PDF，CHM）

    示例1: CSDN博客: 示例博客主页:http://blog.csdn.net/shenyisyn/ CHM文件图示:下载地址 PDF文件图示:下载地址 示例2: 新浪博客: 示例博客主页:http ...

  6. 最佳化常用测试函数 Optimization Test functions

    http://www.sfu.ca/~ssurjano/optimization.html The functions listed below are some of the common func ...

  7. Oracle 行拼接 wmsys.wm_concat扩展

    将多行数据拼接成一行: --wmsys.wm_concat group by a.flowid; 但有大小限制:字符串缓冲区太小,超过varchar 4000长度.扩展:更改返回类型为clob --T ...

  8. HW4.29

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  9. 排列的Java递归语言实现

    在做算法题的时候,发现排列经常被使用到,是一个重要的知识点, 下面是博主修改过的代码,初学者,如有不足,欢迎指出 import java.util.ArrayList; import java.uti ...

  10. LR(1)表驱动语法分析程序

    /* * LR(1) 语法分析 */ #include <stdio.h> #include <stdlib.h> #include <string.h> #inc ...