<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. redis+PHP实现的一个优先级去重队列

    主要思路是用一个set做前端去重缓冲, 若干个list做后端的多优先级消息队列, 用一个进程来进行分发, 即从set中分发消息到队列. set缓冲的设计为当天有效, 所以有个零点问题,有可能在零点前s ...

  2. 【CF】7 Beta Round D. Palindrome Degree

    manacher+dp.其实理解manacher就可以解了,大水题,dp就是dp[i]=dp[i>>1]+1如何满足k-palindrome条件. /* 7D */ #include &l ...

  3. 利用if else咱们结婚吧

    class Program    {        static void Main(string[] args)        {            while (true)           ...

  4. 数据表列名与数据库关键字冲突，在Hibernate下的解决办法

    设计了一个数据库,某一个列名字是key,这与mysql数据库关键字冲突了,Hibernate下save总是报错. 在mysql命令中,解决办法很简单,只需要将关键字key用引号括起来就好了. 在Hib ...

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

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

  6. 解决eclipse插件svn不显示svn信息和显示的信息为数字的问题

    1.选择window-->preferences如下图 通过上面步骤svn信息便显示了 2.解决显示的信息为数字问题 选择svn-label decoration format里面的author ...

  7. HTML5 Canvas核心技术—图形、动画与游戏开发.pdf2

    事件处理: HTML5应用程序是以事件来驱动的,可以在canvas中增加一个事件监听器,当事件发生时,浏览器就会调用这个监听器 //方法一canvas.onmousedown=function(e){ ...

  8. HW4.17

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

  9. Kernel compiling for Pi 2

    https://www.raspberrypi.org/forums/viewtopic.php?f=66&t=101188&p=807579&hilit=cross+comp ...

  10. 天津Uber优步司机奖励政策（2月1日~2月7日）

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...