javascript - con - obtener id $(this) jquery

Cómo obtener el valor del botón seleccionado en el grupo de botón de arranque de twitter

Question

Si tengo un grupo de botones de opción como bootstrap como el siguiente:

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

¿Cómo puedo get / set el valor seleccionado?

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

Para establecer el elemento activo, agregue la clase active a cualquier botón que desee seleccionar (y anule la selección del 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

Para obtener el contenido html / text del botón actualmente activo, intente algo como esto:

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

Answer 3

Aquí hay una solución más

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