使用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来提取值，但它演示了选择器的工作原理。