jquery - ラジオボタンが選択されないのはなぜですか？

Question

jquery：

これは私の編集したjqueryです：

$(document).ready(function(){
    $("#set-button").click(function(){
        $("#radio-choice-a").attr("checked", "checked");
        counter=aRoute;
        $('#data-scroller').scroller('destroy');
        scroller();     
    });
});

html：編集

<div data-role="fieldcontain">
      <fieldset data-role="controlgroup" data-type="horizontal">
              <input type="radio" name="radio-choice" id="radio-choice-a"
              value="on" checked="checked" /> <label for="radio-choice-a">A</label>
               <input type="radio" name="radio-choice" id="radio-choice-b"
               value="off" /> <label for="radio-choice-b">B</label> 
               <input type="radio" name="radio-choice" id="radio-choice-c"
           value="other" /> <label for="radio-choice-c">C</label>
       </fieldset>
</div>
<a href="#" id="set-button" data-theme="a">Set</a>

誰かがそれがどのように行われるか知っていますか？

Answer 1

みんな私はこれを使って、それはうまくいきました。以前に機能しなかった理由は、jquery.mobile-1.1.1javascriptファイルを使用していたためです。したがって、視覚的なスタイルを更新するには、更新する必要があります。

 $("#radio-choice-a").attr("checked",true).checkboxradio("refresh");

Answer 2

http://jsfiddle.net/9y5na/

それがあなたが望む特定のものであるならば、あなたはそのIDで検索するほうがよいでしょう。使用.prop('checked', true);すれば、準備は完了です。また、radio-choice-aはすでにchecked = "checked"を含んでいるので、JSが何もしていないように見えるのはなぜですか。

$("#radio-choice-a").prop("checked", true);​

Answer 3

あなたは単にこれを行うことができます：

$("#radio-choice-a").attr("checked", "checked");​
$("#buttonSetSelector").buttonset("refresh");    //If you are using a buttonset

$("#radio-choice-a").button("refresh");   // If you are just using buttons

例については、このフィドルを参照してください：http: //jsfiddle.net/johnkoer/SLqWG/4/

Answer 4

IDで要素を選択できます。また、入力のプロパティpropを変更する方法を使用することもできます。checked

$(document).ready(function() {
    $('#radio-choice-a').prop('checked', true)
    $('#radio-choice-b').prop('checked', false)
})

Answer 5

document.getElementById('radio-choice-a')​​​​.checked=true;​

フィドル