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でこのチェックボックスをチェックするにはどうすればよいですか?
上記のコードを試しましたが、このチェックボックスでは機能しないようです。
.checkboxradio('refresh')
を使用して、 '.prop
を変更した後、更新する必要があります。これは、jQuery Mobileでチェックボックス/ラジオをチェックする正しい方法です。
$('.selector').prop('checked', true).checkboxradio('refresh');
リファレンス: jQuery Mobile API
できるよ:
$('input[name="checkbox-0"]').prop("checked", true).checkboxradio('refresh'); //sets the checkbox
var isChecked = $('input[name="checkbox-0"]').prop("checked"); //gets the status
jQ Mobile docs から直接:
$("input[type='checkbox']").attr("checked",true);