Question

库和JQuery移动UI存在版本问题我想通过点击按钮向单选按钮组添加值。

在http://jsfiddle.net/BUBtL/4/

进行测试

提前致谢

<link rel="stylesheet" href="themes/theme-brixky.min.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile.structure-1.4.0.min.css" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>

<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" />
</div>

$(document).ready(function () {

    $("#btn_go").click(function () {

        $('input:radio[name="radio_animal"]').filter('[value="cat"]').attr('checked', true);
    });

    return false;

});

Answer 1

这是兼容性问题，您使用的是错误的版本组合。

您需要jQuery Mobile 1.4.0及其相应的CSS文件才能使用jQuery 1.10.1

将.attr更改为.prop

$('input:radio[name="radio_animal"]').filter('[value="cat"]').prop('checked', true);

检查 jsfiddle

Answer 2

oups！

见我的组合：

<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>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css" />

使用JQuery mobile设置按钮收音机

2 个答案: