javascript - twittear - twitter share dialog

Obtener el valor del grupo de botones de selección de inicio de twitter en Meteor

Question

Sé que hay muchos temas al respecto, pero desafortunadamente no puedo encontrar una solución funcional. Así que aquí está mi pregunta.

Tengo una plantilla de meteorito con el siguiente grupo de botones:

<template name="test">
<form class="form-horizontal" id="search_form">
<fieldset>
<div class="form-actions">
<div class="btn-group" data-toggle="buttons-radio" id="my_radiogroup">
<button type="radio" class="btn my_button" name="knop" value="1">OR</button>
<button type="radio" class="btn my_button" name="knop" value="2">AND</button>
</div>
</div>
</fieldset>
</form>
</template>

Ahora quiero obtener el valor del botón de radio seleccionado (O o Y). Por lo tanto, traté de seguir soluciones basadas en lo que pude encontrar en la web y en Stack:

Primera solución:

Template.test.events({
''click #my_radiogroup'' : function(e,t) {
var element = t.find(''button:radio[name=knop]:checked'');
alert($(element).val());
}
});

Segunda solución (basada en la clase activa de twitter bootstrap):

Template.test.events({
''click #my_radiogroup'' : function(e,t) {
var element = t.find("#my_button.active").value;
alert(element);
}
});

He intentado una tercera solución con estos cambios en mi plantilla:

<input type="hidden" id="alignment" value="" />
<div class="btn-group alignment" data-toggle="buttons-radio">
<button type="button" class="btn">OR</button>
<button type="button" class="btn">AND</button>
</div>

Y con este código en mi archivo * .js:

Template.test.events({
''click #alignment.btn'' : function(e,t) {
var element = val(this.text());
alert(element);
return false;
}
});

Sin embargo, ninguna de estas soluciones funciona. ¿Quién quiere cómo puedo obtener el valor del botón de radio seleccionado?

Gracias.

Answer 1

En tu último ejemplo, intentas apuntar a un elemento con id #alignment y la clase .btn, que no existe.

Además, no sé de dónde sacas la "t", ya que solo se pasa un evento al evento (la "e").

Este código debería funcionar (aunque no probado).

Template.test.events({
''click .btn'' : function(e) {
var clickedButton = e.currentTarget;
alert( $(clickedButton).val() );
}
});

Answer 2

Puedes probar esto ...

alert($(''.btn-group > .btn.active'').attr("value"));