कैसे अगर मैं की तरह बूटस्ट्रैप में एक रेडियो बटन समूह haev चहचहाना बूटस्ट्रैप बटन समूह

Question

में चयनित बटन का मूल्य प्राप्त करने के लिए निम्नलिखित:

<div class="btn-group" data-toggle="buttons-radio"> 
     <button class="btn">1</button> 
     <button class="btn">2</button> 
     <button class="btn">3</button> 
     <button class="btn">4</button> 
</div> 

मैं कैसे get/set चयनित मान सकते हैं?

Answer 1

var num = null; 
var ele = document.querySelectorAll(".btn-group > button.btn"); 
for(var i=0; i<ele.length; i++){ 
    ele[i].addEventListener("click", function(){ 
     num = +this.innerHTML; 
     alert("Value is " + num); 
    }); 
} 

या jQuery:

var num = null; 
$(".btn-group > button.btn").on("click", function(){ 
    num = +this.innerHTML; 
    alert("Value is " + num); 
}); 

Answer 2

सक्रिय तत्व निर्धारित करते हैं, वर्ग active जो भी बटन आपके द्वारा चयनित करना चाहते करने के लिए जोड़ (और बाकी चयन रद्द करें) करने के लिए।

$('.btn-group > .btn').removeClass('active') // Remove any existing active classes 
$('.btn-group > .btn').eq(0).addClass('active') // Add the class to the nth element 

वर्तमान में सक्रिय बटन के HTML/पाठ सामग्री मिलता है, कुछ इस तरह की कोशिश करने के लिए:

$('.btn-group > .btn.active').html() 

Answer 3

यहाँ है एक और समाधान

alert($('.btn-group > .btn.active').text());