jQuery UI düğmesi - stil ve simge kontrol düğmelerini nasıl değiştirirsiniz?

Question

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     $('.date').datepicker($.datepicker.regional['cs']); 
     $(".votePollState").button({ icons: {primary:'ui-icon-closethick'},text: false }); 
    }); 
</script> 

HTML kodu:

<input type="checkbox" class="votePollState" id="point-1"/><label for="point-1">Choice 1</label> 

<input type="checkbox" class="votePollState" id="point-1"/><label for="point-1">Choice 1</label> 

ben onay kutusunu durumu hakkında söyleyecek simgeleri ayarı gerek yok, kontrol onay kutusu diğer simgesi vardır ve kontrol onay kutusu diğer sahiptir. Hayır, onay kutusunu işaretlersem, bu simgenin bir simgesi vardır ancak sadece kenarlık rengini değiştirir.

iPhone'da bir şey ON/OFF düğmesini kullanın.

$(".votePollState").button({ 
    icons: {primary:'ui-icon-closethick'}, 
    text: false 
}).change(function() { 
    $(this).button("option", { 
     icons: { primary: this.checked ? 'ui-icon-check' : 'ui-icon-closethick' } 
    }); 
}); 

You can test it out here:

THX

Answer 1

Böyle buna bağlı olarak simgeyi onay kutusu .checked devlet aldı ve atanan .change() işleyicisi ekleyebilir.