2013-06-10 14 views
17
bir onay kutusu böyle yaratılır HTML ile

:nasıl kontrol etmek için "checkbox" dinamik - jQuery Mobile

böyle kutusunu kontrol edebilirsiniz javascript ile
<form> 
    <input type="checkbox" id="category1">Category1<br> 
</form> 

: Artık

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

deniyorum jquery-mobile ile aynı sayfayı oluşturmak. Onay kutusu şuna benzer:

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

Neden burada hiçbir id ortaya çıkıyor? İsim id mu? Özellik adını silmeli ve id ismiyle bir tane oluşturmalı mıyım?

Bu onay kutusunu Javascript/jQuery ile nasıl kontrol edebilirim?

Yukarıdaki kodu denedim, ancak bu onay kutusu için çalışmıyor gibi görünüyor.

+0

[jQuery Mobile API] (http://api.jquerymobile.com/checkboxradio/#method-refresh). – Omar

+0

Şuna bir bakın: http://stackoverflow.com/questions/11138898/check-if-a-jquery-mobile-checkbox-is-checked Bu tür bir konuyla ilgili doğru belgelere ve diğer sorulara rağmen gittiniz mi? –

+0

Dokümanları kontrol ediyorum. Bu sayfadaydım: http://view.jquerymobile.com/1.3.1/dist/demos/widgets/checkbox/. Javascript hakkında hiçbir şey yok. Sadece jquery mobil parçası. –

cevap

50

Sen, onun .prop değişen .checkboxradio('refresh') kullandıktan sonra yenilemek gerekir. JQuery Mobile'da onay kutusunu/radyoyu kontrol etmenin doğru yolu budur.

Demo

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

Referans: JS her zaman kontrol için jQuery Mobile API

+1

Her zamanki gibi mükemmel cevap Omar. Çok teşekkür ederim efendim. –

+0

@JonhSmid Teşekkür ederim ve kolay arkadaş edin :) – Omar

+0

@Omar çok teşekkür ederim .. –

3

Sen yapabilirsiniz:

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

onay kutusuna bir kimlik verdiyseniz bu doğru olur: $ (# id_name) .prop ("checked", true); ? –

+0

Evet, "$ (" # id_name ") seçicideki alıntıları unutmayın, prop (" işaretli ", true);' – tymeJV

+3

.checkboxradio olmadan çalışmaz ('yenileme'); –