Meteor js：如何设置单选按钮？答案

【问题标题】：Meteor js: How to set a radio button?Meteor js：如何设置单选按钮？
【发布时间】：2014-07-01 14:05:32
【问题描述】：

我有一组 3 个单选按钮，我试图在页面首次呈现时设置它们：

            <div>
                <div><input id="{{_id}}_undefined" type="radio" name="accepted" {{undecided}}>No Determination</div>
                <div><input id="{{_id}}_true" type="radio" name="accepted" value="true" {{accepted}}>Assign To Researchers</div>
                <div><input id="{{_id}}_false" type="radio" name="accepted" value="false" {{declined}}>Decline</div>
                {{#if declined}}
                <textarea name="declineReason" ></textarea>
                {{/if}}
                <button id="saveChanges" data-research-request-id="{{_id}}">Save Changes</button>
            </div>

使用这些助手：

Template.su_researchRequests.helpers({
// This feels so wrong.
accepted: function() {
    return this.accepted === true?'checked':'';
},
declined: function() {
    return this.accepted === false?'checked':'';
},
undecided: function() {
    return this.accepted !== false && this.accepted !==true?'checked':'';
}
});

我尝试用 {'checked':''} 或 {} 返回一个对象

我不能像在胡须中那样在流星中使用 {{#if}} 来遮挡选中的属性。

在渲染页面时设置当前值并不难。

【问题讨论】：

标签： javascript meteor spacebars

【解决方案1】：

好的。所以问题是无线电输入没有足够唯一的名称。

当我这样做时：

<div><input id="{{_id}}_undefined" type="radio" name="{{_id}}_accepted" {{undecided}}>No Determination</div>
<div><input id="{{_id}}_true" type="radio" name="{{_id}}_accepted" value="true" {{accepted}}>Assign To Researchers</div>
<div><input id="{{_id}}_false" type="radio" name="{{_id}}_accepted" value="false" {{declined}}>Decline</div>

生活很美好

【讨论】：