迁移到JQM 1.1 RC1无法正常工作时，获取选中的单选按钮

本文介绍了迁移到JQM 1.1 RC1无法正常工作时，获取选中的单选按钮的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

要获取选中的单选按钮的值，我使用类似

To get the value of checked radio button I use something like this

$('input:radio[name=rbutton]:checked').val()

这很好，直到我将jQuery Mobile的版本从1.0升级到1.1 rc1，然后我再也无法获得该值，我只是获得了未定义"

This work well until I upgrade the version of jQuery Mobile from 1.0 to 1.1 rc1, then i could not get the value anymore, i just get "undefined"

我不明白为什么这样的基本内容对于更改JQM库不起作用.

I dont understand why something basic like this does not work for a change of JQM lib..

我粘贴并举例

<!DOCTYPE html> 
<html> 
<head>
    <meta charset="utf-8">
    <title>test radio button</title>    
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>    
    <script>
        $(document).delegate("#test", "pageinit", function(event) {

            $("button.select").bind ( "click", function (e) {
                //  Get value of checked radio with JQM 1.0, but get "undefined" with JQM 1.1 RC
                alert( $('input:radio[name=rbutton]:checked').val()  ); 
            });

            $("input[type=radio]").bind ( "change", function (e) {
                alert ($(this).val());  //OK
            });
        });
    </script>
</head> 
<body> 
<div data-role="page" id="test" >
    <div data-role="content">

        <fieldset data-role="controlgroup">
            <input type="radio" name="rbutton" id="rbutton1" value="1" />
            <label for="rbutton1">Option 1</label>
            <input type="radio" name="rbutton" id="rbutton2" value="2" />
            <label for="rbutton2">Option 2</label>
         </fieldset>
        <button class="select">selected</button>

    </div> <!-- /content -->
</div><!-- /page -->
</body>
</html>

jQM

迁移到JQM 1.1 RC1无法正常工作时，获取选中的单选按钮

问题描述

推荐答案