使用template.find获取radiobutton值

Question

我想使用template.find(在Templates.xxx.events中)获取radiobutton组的已检查单选按钮的值.在jquery我会用$('input:radio[name=XXXXX]:checked').val().这不起作用template.find.template.find('input:radio[name=XXXXX]:checked')返回null.

作为此任务的CSS选择器,我应该使用什么？

Answer 1

你的选择器看起来正确,所以它可能就像你调用它一样.也许这个例子会有所帮助:

HTML

<template name="animals">
  <form>
    <input type="radio" name="animal" value="cat">Cat<br>
    <input type="radio" name="animal" value="dog">Dog<br>
    <input type="button" value="Click">
  </form>
</template>

JS

Template.animals.events({
  'click :button': function(event, template) {
    var element = template.find('input:radio[name=animal]:checked');
    console.log($(element).val());
  }
});

在这里,我仍然使用jquery来提取值,但它演示了选择器的工作原理.