Come controllare "checkbox" dinamicamente - jQuery Mobile

Question

Con HTML una casella di controllo si crea in questo modo:

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

con JavaScript possiamo controllare la casella di controllo in questo modo:

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

Ora sto cercando per creare la stessa pagina con jquery-mobile. La casella di controllo è simile al seguente:

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

Perché non c'è id qui? Il nome è id? Devo cancellare il nome dell'attributo e crearne uno con il nome id?

Come posso selezionare questa casella di controllo qui con Javascript/jQuery?

Ho provato il codice sopra, ma non sembra funzionare per questa casella di controllo.

Answer 1

è necessario aggiornare esso dopo aver cambiato il suo .prop, utilizzando .checkboxradio('refresh'). Questo è il modo corretto per controllare checkbox/radio in jQuery Mobile.

Demo

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

Riferimento: jQuery Mobile API

Answer 2

si può fare:

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

Answer 3

Direttamente dal jQ Mobile docs:

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