Javascript 获取Meteor中twitter引导单选按钮组的值

我知道围绕这个问题有很多话题，但不幸的是，我找不到有效的解决方案。这是我的问题

我有一个meteor模板，其中包含以下按钮组：

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

第二个解决方案基于twitter引导中的活动类：

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

我尝试了第三种解决方案，对我的模板进行了以下更改：

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

然而，这些解决方案都不起作用。谁想知道我如何获得所选单选按钮的值

---

谢谢。

在上一个示例中，您试图将id对齐和.btn类都不存在的元素作为目标

我也不知道t是从哪里来的，因为只有an传递给e

虽然没有经过测试，但这段代码应该可以工作

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

你可以试试这个

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

---

@Kristofer K:t是Meteor模板实例，它也被传递给事件处理程序。@saimount:文档中没有吗？还是我错过了什么？感谢文档：handler函数接收两个参数：event，一个包含事件信息的对象，以及template，一个定义处理程序的模板实例。我有一个补充问题。如果我想通过按下另一个按钮而不是单选按钮本身来显示显示哪个单选按钮被按下的警报，该怎么办？在这种情况下，我不能使用e.currentTarget，因为currentTarget不是单选按钮之一。@Quantum只需选择使用$'.btn'单击的单选按钮即可。例如，is'：checked'。使用比.btn更具体的类可能会更好，我怀疑它来自TW bootstrap？，但无论如何，类似的东西应该可以工作。

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

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