使用jquery mobile动态设置单选按钮

Question

我正在使用jquery移动水平控制组单选按钮。

如何设置第一个单选按钮处于活动状态。以下是两个单选按钮，

<input type="radio" name="rating" id="radio-mini-1" value="Above Average" /><label for="radio-mini-1">Above<br /> Average</label>

平均

我尝试使用以下代码

$('input:radio[name="rating"]').filter('[value="Above Average"]').attr('checked', true);

但没有运气。怎么了？

Answer 1

您需要致电刷新。

$(..selector...).attr("checked",true).checkboxradio("refresh"); 

Answer 2

当你使用jQueryMobile时，html结构会发生变化，所以你必须做一些技巧，试试这个：

$('input:radio[name="rating"]').filter('[value="Above Average"]').next().click()

如果它不起作用，试试这个：

$('input:radio[name="rating"]').filter('[value="Above Average"]').parent().find("label[for].ui-btn").click()

Answer 3

这个功能很好用：

function set_jqm_radio_button（button_name，value）{

$( 'input:radio[name="' + button_name + '"]' ).filter( '[value="' +value + '"]' ).prop( 'checked', true ).checkboxradio( 'refresh' );

}

Answer 4

我不知道如何使用jquery mobile，但试试这个

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

根据reagten的建议，请粘贴HTML代码，我会更新我的回答。

但是您的代码运行良好：http://jsfiddle.net/dH69J/

Answer 5

对我来说，它的工作就像

一样简单

$("#myItem").prop("checked", true)

我没有看到如上所述的那么复杂......