Question

我尝试通过调用ajax设置按钮无线电（在php中通过请求数据库填写表单）我使用$（'input：radio [name =“radio_animal”]'）。filter（'[value =“cat”]'）。prop（'checked'，true）;
注意：它适用于所有输入$（'＃name'）。val（'lastname'）;按钮无线电没有别的。

请帮帮我在线进行测试：http://jsfiddle.net/Brolosse/BUBtL/

检查我的代码：

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>    
<input id="input_text" type="text">
<fieldset data-role="controlgroup" id="field_radio_amis">
    <legend></legend>    
    <label for="cat">Cat</label>
    <input type="radio" name="radio_animal" id="cat" class="custom" value="cat" />    
    <label for="dog">Dog</label>
    <input type="radio" name="radio_animal" id="dog" class="custom" value="dog" />    
</fieldset>
<input type="button" name="btn_go" id="btn_go" value="Click to set button radio and inputbox" />

$(document).ready(function () {
    $("#btn_go").click(function () {
        $('#input_text').val('It\'s OK ! but no radio check')
        $('input:radio[name="radio_animal"]').filter('[value="cat"]').prop('checked', true);
    });
    return false;
});

Answer 1

如果您致电checkboxradio("refresh");，则会正确呈现。

http://jsfiddle.net/YdT5f/

$(document).ready(function () {

    $("#btn_go").click(function () {
        $('#input_text').val('It\'s OK ! The radio looks good :)')
        $('input:radio[name="radio_animal"]').filter('[value="cat"]').prop('checked', true).checkboxradio("refresh");
    });

    return false;

});

使用jQuery mobile设置按钮收音机并与JQuery 1.10.1兼容

1 个答案:

http://jsfiddle.net/YdT5f/