<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. Android ListView内容变化后的动态刷新

    ListView内容变化后的动态刷新 基本知识点: 1.更新适配器Adapter数据源 2.调用适配器Adapter的刷新方法notifyDataSetChanged() 首先需要定义ListView ...

  2. 方便的Chrome取色插件ColorPick Eyedropper [设计, FE必备]

    最近在和Design合作开发, 她发过来的原型图有各种各样色配色, 不想让她一个一个地标记颜色, 嫌效率低. 于是自己找到一款方便的Chrome取色插件, 叫做ColorPick Eyedropper ...

  3. leetcode面试准备:Contains Duplicate I && II

    1 题目 Contains Duplicate I Given an array of integers, find if the array contains any duplicates. You ...

  4. USACO3.43Electric Fence(pick定理）

    忘记pick定理是什么了 想枚举来着 ..没枚出来 有篇pick定理的证明 貌似挺好 也没太看懂 /* ID: shangca2 LANG: C++ TASK: fence9 */ #include ...

  5. 通过 Azure Media Encoder 降低编码成本

    John Deutscher  Azure 媒体服务首席项目经理 正如在我们的定价页面上宣布的那样,我们引入了一种只根据输出千兆字节数收取编码费用的全新定价模型.之前的/传统模型是根据输入和输出千兆字 ...

  6. 知乎上关于c和c++的一场讨论_看看高手们的想法

    为什么很多开源软件都用 C,而不是 C++ 写成? 余天升 开源社区一直都不怎么待见C++,自由软件基金会创始人Richard Stallman认为C++有语法歧义,这样子没有必要.非常琐碎还会和C不 ...

  7. format 对整形的应用

    对于整型数,会在整型值的前面以0补之 Format('this is %.7d'[1234]);             输出是:this is 0001234]

  8. Ignatius and the Princess IV

    Ignatius and the Princess IV Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32767 K ( ...

  9. HDU-1241 Oil Deposits (DFS)

    Oil Deposits Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 65536/32768K (Java/Other) Total ...

  10. HDU-1395 2^x mod n = 1

    http://acm.hdu.edu.cn/showproblem.php?pid=1395 怎样取余是关键.. 2^x mod n = 1 Time Limit: 2000/1000 MS (Jav ...