jquery - 使用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);

但没有运气。怎么了？

score 9 · Accepted Answer

9

您需要调用刷新。

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

于 2013-03-11T14:57:25.920 回答

score 7 · Accepted Answer

当你使用 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()

score 2 · Accepted Answer

这个功能很好用：

功能 set_jqm_radio_button（按钮名称，值）{

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

}

score -1 · Accepted Answer

我不知道 jquery mobile 是如何工作的，但试试这个

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

作为reagten的建议，请粘贴 HTML 代码，我会更新我的答案。

但你的代码工作正常：http: //jsfiddle.net/dH69J/

score -1 · Accepted Answer

对我来说，它的工作方式很简单

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

我没有看到上面解释的那么复杂......

5 回答 5