2010-07-17 22 views
6

जैसे काम करता है, मैं नियंत्रण करना चाहता हूं या jQuery में नियंत्रण का उपयोग करना चाहता हूं जो रेडियो बटन की श्रृंखला की तरह काम करता है लेकिन यह रेडियो सर्कल के बजाय ठोस बटन की तरह दिखता है। वे एक क्षैतिज मेनू की तरह दिखेंगे लेकिन केवल एक ही समय में चुना जा सकता है।JQuery UI ऑब्जेक्ट बटन बार जो रेडियो बटन

+0

क्या कहा बटन का उद्देश्य है? क्या उन्हें एक फॉर्म के साथ जमा करना है, या टैब हेडर के रूप में काम करना चाहिए? – Eric

उत्तर

11

jQuery UI ने इसके लिए 1.8 में एक विजेट जोड़ा, jQuery UI Buttons देखें।

मार्कअप इस (सीधे डेमो से) की तरह लग रहा है, बस एक <div> की तरह एक कंटेनर का उपयोग करें:

<div id="radio"> 
    <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> 
    <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> 
    <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> 
</div> 

फिर फोन .buttonset():

$("#radio").buttonset(); 
संबंधित मुद्दे