jQuery UIボタン - スタイル変更とアイコンチェックボタン

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コード：

<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> 

私はチェックボックスの状態のためにいくつかのアイコンを設定する必要がある、ないにチェックチェックボックスは、他のアイコンがありませんし、チェックボックスをチェックし、他のを持っています。いいえ、チェックボックスをオンにすると、これはアイコンがいくつかありますが、境界線の色が変わります。

iPhoneのON/OFスイッチボタンを使用しています。

$(".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

あなたはこのようにそれに基づいて、アイコンを、チェックボックスの.checked状態を取り、割り当てられた.change()ハンドラを追加することができます。