web-dev-qa-db-ja.com

「チェックボックス」を動的にチェックする方法-jQuery Mobile

HTMLでは、次のようにチェックボックスが作成されます。

<form>
   <input type="checkbox" id="category1">Category1<br>
</form>

JavaScriptを使用すると、次のようなチェックボックスをオンにできます。

$("#category1")[0].checked = true

今、jquery-mobileで同じページを作成しようとしています。チェックボックスは次のようになります。

<form>
    <label>
        <input name="checkbox-0 " type="checkbox">Check me
    </label>
</form>

idがないのはなぜですか?名前はidですか?属性名を削除して、idという名前の属性名を作成する必要がありますか?

Javascript/jQueryでこのチェックボックスをチェックするにはどうすればよいですか?

上記のコードを試しましたが、このチェックボックスでは機能しないようです。

19
Jonh Smid

.checkboxradio('refresh')を使用して、 '.propを変更した後、更新する必要があります。これは、jQuery Mobileでチェックボックス/ラジオをチェックする正しい方法です。

デモ

$('.selector').prop('checked', true).checkboxradio('refresh');

リファレンス: jQuery Mobile API

54
Omar

できるよ:

$('input[name="checkbox-0"]').prop("checked", true).checkboxradio('refresh'); //sets the checkbox
var isChecked =  $('input[name="checkbox-0"]').prop("checked"); //gets the status
3
tymeJV

jQ Mobile docs から直接:

$("input[type='checkbox']").attr("checked",true);
2
blend