<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. BZOJ2464: 中山市选[2009]小明的游戏

    2464: 中山市选[2009]小明的游戏 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 280  Solved: 124[Submit][Statu ...

  2. ☀【canvas】直线 / 三角形 / 矩形 / 曲线 / 控制点 / 变换

    <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8& ...

  3. 我泡在GitHub上的177天 by Ryan Seys

    我泡在GitHub上的177天   这是一个关于我如何连续177天(将近半年)泡在GitHub上不间断地贡献代码的故事.我会谈到我为什么要这么做,以及为什么你也应该效仿,或者至少做点类似的事情.这是一 ...

  4. 【转】Android bluetooth介绍（三）： 蓝牙扫描(scan)设备分析

    原文网址:http://blog.csdn.net/xubin341719/article/details/38584469 关键词:蓝牙blueZ  A2DP.SINK.sink_connect.s ...

  5. Reason: Server is in single user mode. Only one administrator can connect at this time

    单击Start→All Programs→Microsoft SQL Server 2008→Configuration Tools→SQL Server Configuration Manager. ...

  6. wojilu中的路由

    要看2个地方,一个是route.config,另一个是wojilu.Members.Sites.Domain.SiteMenu.config,这2部分综合起作用.

  7. Android项目开发全程（三）-- 项目的前期搭建、网络请求封装是怎样实现的

    在前两篇博文中已经做了铺垫,下面咱们就可以用前面介绍过的内容开始做一个小项目了(项目中会用到Afinal框架,不会用Afinal的童鞋可以先看一下上一篇博文),正所谓麻雀虽小,五脏俱全,这在里我会尽量 ...

  8. Windows下，通过程序设置全屏抗锯齿（多重采样）的方法

    这里说的全屏抗锯齿,不是基于着色器的FXAA之类的方式,而是兼容性更好的,基于固定管线的多重采样方式. 先来说一下开发环境,我用的是VC2013+GLEW1.11. 要通过程序设置多重采样,首先需要进 ...

  9. MVC视图中ViewStart/RenderSection/Layout/Partial

    1.母板页_Layout.cshtml 2.部分视图 3.默认Layout引用的使用(_ViewStart.cshtml) Layout = "~/Views/Shared/_Layout. ...

  10. linux 命令拾遗

    man ascii 这个命令会打印出八进制.十六进制和十进制的ASCII码表. xxd xxd可以生成所给与文件的十六进制拷贝,也可以将编辑好的十六进制拷贝还原成二进制格式.它也可以将十六进制拷贝输出 ...