Javascript 流星单选按钮不'；t返回正确的值_Javascript_Html_Meteor

Javascript 流星单选按钮不'；t返回正确的值

javascript html meteor

Javascript 流星单选按钮不'；t返回正确的值,javascript,html,meteor,Javascript,Html,Meteor,当我在Meteor中有一个带有两个单选按钮的表单时，第一个值总是在.val（）调用中返回。访问选中的单选按钮的正确方式是什么以下是我的示例代码： testRadioButtons.html： <template name="testRadioButtons"> <form class="main"> <div class="control-group"> <div class="controls">

当我在Meteor中有一个带有两个单选按钮的表单时，第一个值总是在.val（）调用中返回。访问选中的单选按钮的正确方式是什么

以下是我的示例代码：

testRadioButtons.html：

<template name="testRadioButtons">
    <form class="main">
        <div class="control-group">
            <div class="controls">
                <input name="insuranceDecision" type="radio" value="NoInsurance"/> &nbsp Don't Buy Insurance<br><br>
                <input name="insuranceDecision" type="radio" value="BuyInsurance"/>  &nbsp Buy Insurance<br><br>
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <input type="submit" value="Submit" class="btn btn-primary"/>
            </div>
        </div>
    </form>
</template>

为了让我写的东西运行起来，但不做任何重要的事情，需要以下几点。 main.html

<head>
  <title>testRadioButtons</title>
</head>

<body>
{{renderPage}}
</body>

happyPage.html

<template name="happyPage">
    <p> Happy page </p>
    <p><a href={{testRadioButtonsPath}}>Test Radio Buttons Again</a></p>
</template>


快乐页

我想这就是答案：

我必须在各个元素上循环，找到“选中”的元素。

没错。更好的jQuery方法是$（'input:radio[name=“insuranceDecision”]：checked'）。val（）我需要更多的帮助。您的代码在客户端页面上完全有效。谢谢但是我如何在提交的表单中访问它？decision=$（e.target）.find（'[name=insuranceDecision]'）.val（）；是什么需要改变。

Meteor.Router.add({
    '/': 'testRadioButtons',
    '/happyPage' : 'happyPage'
})

<template name="happyPage">
    <p> Happy page </p>
    <p><a href={{testRadioButtonsPath}}>Test Radio Buttons Again</a></p>
</template>