jquery - jquerymobileを使用してラジオボタンを動的にアクティブに設定

Question

jqueryモバイル水平制御グループのラジオボタンを使用しています。

最初のラジオボタンをアクティブに設定するにはどうすればよいですか。以下は2つのラジオボタンです。

<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

リフレッシュを呼び出す必要があります。

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

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

この関数はうまく機能します：

function set_jqm_radio_button（button_name、value）{

$( '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