jQuery यूआई बटन - स्टाइल और आइकन कैसे चेक बटन बदलते हैं?

Question

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

एचटीएमएल कोड:

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

मैं चेकबॉक्स के राज्य के लिए किसी आइकन स्थापित करने की जरूरत है, कोई जाँच चेकबॉक्स अन्य आइकन है और जाँच की चेकबॉक्स अन्य है। नहीं, अगर मैं चेकबॉक्स चेक करता हूं, तो इसमें कुछ आइकन है लेकिन केवल सीमा रंग बदलते हैं।

आईफोन पर कुछ स्विच बटन चालू/बंद करें।

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

आप एक .change() हैंडलर है कि इस तरह चेकबॉक्स का .checked राज्य में ले लिया और सौंपा आइकन उस पर आधारित, जोड़ सकते हैं।