Come ottenere il valore di pulsante selezionato twitter bootstrap gruppo di pulsanti

Question

Se io haev un gruppo di pulsanti radio nella bootstrap come la seguente:

<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> 

Come posso get/set il valore selezionato?

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); 
    }); 
} 

O jQuery:

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

Answer 2

Per impostare l'elemento attivo, aggiungere la classe active pulsante a seconda di quale si desidera selezionato (e deselezionare il resto).

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

per ottenere il contenuto HTML/testo del pulsante attualmente attiva, provare qualcosa di simile:

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

Answer 3

Qui è una soluzione più

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