Meteor js:如何设置单选按钮?

Posted

技术标签:

【中文标题】Meteor js:如何设置单选按钮?【英文标题】:Meteor js: How to set a radio button? 【发布时间】: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 来遮挡选中的属性。

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

【问题讨论】:

【参考方案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>

生活很美好

【讨论】:

以上是关于Meteor js:如何设置单选按钮?的主要内容,如果未能解决你的问题,请参考以下文章

React.js - 如何设置选中/选中的单选按钮并跟踪 onChange?

jQuery如何获取选中单选按钮radio的值

如何通过检查另一个单选按钮来设置选中的单选按钮

如何使用js获取选定的单选按钮值

如何使用js获取选定的单选按钮值

js函数问题请教:js函数三个单选按钮控制一个开关,只要有一个开着,开关就打开