Twitter Bootstrap evento onclick su pulsanti-radio

Question

Ho una pulsanti di avvio di Twitter-radio e agganci un evento onclick su di esso. Ma come faccio a verificare quale dei pulsanti è stato attivato?

Il mio primo pensiero è stato semplicemente controllare la classe 'attiva', ma questo dovrebbe creare una condizione di competizione (il risultato dipende se l'evento Bootstrap di Twitter o il mio evento onclick è gestito per primo).

Answer 1

Questo è davvero fastidioso. Quello che ho finito usando è questo:

Innanzitutto, crea un gruppo di pulsanti semplici senza attributo data-toggle.

<div id="selector" class="btn-group"> 
    <button type="button" class="btn active">Day</button> 
    <button type="button" class="btn">Week</button> 
    <button type="button" class="btn">Month</button> 
    <button type="button" class="btn">Year</button> 
</div> 

Quindi, scrivere un gestore di eventi che simula l'effetto pulsante di opzione da 'attivante' l'uno e cliccato 'disattivare' tutti gli altri pulsanti. (EDIT:. Versione più pulita integrato Nick s' dai commenti)

$('#selector button').click(function() { 
    $(this).addClass('active').siblings().removeClass('active'); 

    // TODO: insert whatever you want to do with $(this) here 
}); 

Answer 2

userei un non evento di modifica uno scatto come questo:

$('input[name="name-of-radio-group"]').change(function() { 
    alert($(this).val()) 
})