2013-06-18 2 views
7
में radio_buttons साथ बूटस्ट्रैप का उपयोग

यह बूटस्ट्रैप रेडियो बटन यानी उपयोग करने के लिए संभव है? एक रेडियो_बटन विधि है:रेल

<%= radio_button("object", "method", "someValue") %> 

, लेकिन मैं इसे स्टाइल करने में सक्षम नहीं था। मुझे नहीं पता था कि रेडियो बटन को पहले स्निपेट की बूटस्ट्रैप उपस्थिति देने के लिए दोनों को मर्ज करने के लिए कोई रास्ता है या नहीं। धन्यवाद, सैम

उत्तर

6

आप इस तरह उपयोग कर सकते हैं,

<div class="btn-group" data-toggle="buttons-radio"> 
    <%= f.radio_button :brand, "ABC", :id=>"first", :style=>"display:none;" %> 
    <label for="first" class="btn btn-primary">First</label> 

    <%= f.radio_button :brand, "PQR", :id=>"second", :style=>"display:none;" %> 
    <label for="second" class="btn btn-primary">Second</label> 

    <%= f.radio_button :brand, "MNO", :id=>"third", :style=>"display:none;" %> 
    <label for="third" class="btn btn-primary">Third</label> 
</div> 

यहाँ आप और radiobutton करने के लिए आईडी देने की आवश्यकता लेबल टैग में विशेषता के लिए का उपयोग करके उसमें लेबल असाइन कर सकते हैं। ताकि यह संबंधित रेडियो बटन इंगित कर सके।

+0

बहुत बहुत धन्यवाद !!! –

+0

मुझे रेडियो बटन को सही ढंग से जोड़ने के लिए NAME को शामिल करने की आवश्यकता है, जब तक कि मुझे कुछ याद नहीं आ रहा है http://www.w3schools.com/html/tryit.asp?filename=tryhtml_radio – brntsllvn

0

मुझे सही अगर मैं गलत हूँ लेकिन अगर आप मूल्य लेबल रेडियो बटन पैरामीटर के रूप में ही की विशेषता निर्धारित करते हैं, यह संबंधित रेडियो बटन

<%= f.radio_button :brand, "MNO", :style=>"display:none;" %> 
<%= f.label :brand, "Third", value => "MNO", class="btn btn-primary" %> 
के लिए एक आईडी बताए के रूप में एक ही तरह से काम करेगा