बूटस्ट्रैप: HTML

Question

में प्रारंभिक रेडियो बटन सेट किया गया है, मैं कुछ रेडियो बटनों को स्टाइल करने के लिए बूटस्ट्रैप के जावास्क्रिप्ट बटन का उपयोग कर रहा हूं, और ऐसा लगता है कि मैं चेक के रूप में प्रारंभिक बटन सेट करने में सक्षम नहीं हूं।

यहाँ मेरी कोड है:

<div class="btn-group" data-toggle="buttons"> 
    <label class="btn btn-info"> 
    <input checked="checked" type="radio" id="match-three" name="options">Three numbers 
    </label> 
    <label class="btn btn-info"> 
    <input type="radio" name="options" id="match-four">Four numbers 
    </label> 
</div> 

पहला बटन checked="checked" है, लेकिन के रूप में जाँच की यह स्टाइल नहीं जा रहा है।

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

Bootply यहाँ संस्करण: http://bootply.com/89566

Answer 1

आप एचटीएमएल 5 doctype उपयोग कर रहे हैं, बस किसी भी मूल्य के बिना checked का उपयोग करें:

<label class="btn btn-info active"> 
    <input checked type="radio" id="match-three" name="options">Three numbers 
</label> 

checked="checked" should work as well है, तो आप स्पष्ट करने के लिए क्या करने के लिए काम नहीं कर रहा होगा आप।

• input पर एक checked विशेषता होने फॉर्म फील्ड
• label पर एक active वर्ग को जोड़ने पर सही राज्य यह सुनिश्चित करेगा सही दृश्य राज्य

Reference documentation सेट हो जाएगा।

Answer 2

आप बूटस्ट्रैप button() घटक शुरू में checked आदानों पहचान करने के लिए आप जैसे कुछ jQuery जोड़ने की जरूरत चाहते हैं ..

$('[checked="checked"]').parent().addClass("active"); 

इस समूह में उपयुक्त बटन/लेबल को सक्रिय राज्य स्थापित करेगा।

Answer 3

स्काली का उल्लेख किया गया है, सक्रिय वर्ग बूटस्ट्रैप टॉगलिंग कर रहा है, यह चेक किए गए गुण को नहीं देखता है। आपको जावास्क्रिप्ट के साथ ऐसा करने की ज़रूरत नहीं है हालांकि ...

<label class="btn btn-info active"> 
    <input checked type="radio" id="match-three" name="options">Three numbers 
</label> 

आपको वह चीज़ देगा जो आप खोज रहे हैं।