2012-06-08 18 views

Odpowiedz

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

Albo jQuery:

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

Dzięki, ale jak ustawić wartość grupy – Adham

+1

@Adham - 'this.innerHTML = value' –

14

Aby ustawić aktywny element, dodać klasę active na dowolnym przycisku, który ma być wybrany (i odznacz resztę).

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

Aby uzyskać zawartość html/tekst przycisku aktualnie aktywnych, spróbuj coś takiego:

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

Wymagałoby to ustawienia aktywnego na jednym i rozbrojenia aktywnego na wszystkich innych. Niezbyt przyjemny interfejs IMO. –

+0

To jest ostateczne rozwiązanie, które wymyśliłem, aby uzyskać wybrany element, '$ ('. Btn-group> .btn.active input') [0]' – sameera207

13

Oto jeszcze jeden rozwiązanie

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