2012-12-24 13 views
5

मुझे रेडियो बटन के सेट में कोई समस्या है।सक्रिय स्थिति दिखाने के लिए बूटस्ट्रैप बटन कैसे प्राप्त करें?

<div class="btn-group control-buttons" data-toggle="buttons-radio"> 
    <button type="button" class="btn">One</button> 
    <button type="button" class="btn">Two</button> 
    <button type="button" class="btn">Three</button> 
</div> 

यहाँ देखें: http://jsfiddle.net/dhbenson/LM9uW/

जब बटन क्लिक किया जाता है, वे कभी उदास नहीं रहते हैं (यानी कभी भी "सक्रिय" प्रतीत)।

क्या किसी को पता है क्यों नहीं? इन बटनों को ठीक से काम करने के लिए मुझे और क्या करने की ज़रूरत है?

संपादित

आह, मैं देख रहा हूँ। मैं बूटस्ट्रैप जेएस कोड शामिल करना भूल गया।

इस बेला काम करता है: http://jsfiddle.net/dhbenson/qNeSS/

+0

यू में शामिल सभी संबंधित js और सीएसएस बूटस्ट्रैप किया एक फ़ाइल जोड़ने के ... ? –

उत्तर

3

आपको लगता है कि कार्यक्षमता के लिए बूटस्ट्रैप जावास्क्रिप्ट की जरूरत है।

अपने HTML सिर को यह करें:

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
+0

यह मेरे लिए कुछ भी नहीं किया। अभी भी कोई सक्रिय स्थिति नहीं है। – BradLaney

+0

ऐसा लगता है कि संसाधन अब उपलब्ध नहीं है, यह getboostrap.com पर रीडायरेक्ट करता है जो विवरण देता है कि यह कैसे प्राप्त करें: http://getbootstrap.com/getting-started/#download –

+0

मेरे पास सही bootstrap.min.js है। यह अभी भी कुछ भी नहीं करता है। http://codepen.io/anon/pen/uCbnr/ – BradLaney

1

लिए इस कोड का प्रयास करें:

<div class="btn-group" data-toggle="buttons-checkbox"> 
    <button type="button" class="btn">Left</button> 
    <button type="button" class="btn">Middle</button> 
    <button type="button" class="btn">Right</button> 
</div> 

और यानी bootstrap-button.js

संबंधित मुद्दे