Meteor：无法获取无线电输入的值

Question

我无法将单选按钮的值保存到数据库中。我可以得到文本输入和选择输入就好了。

图标属性不起作用。

这是我的第一次 javascript 尝试：

Template.goalAdd.events({
    'submit form': function(e) {
        e.preventDefault();

        var goal = {
            category: $(e.target).find('[name=category]').val(),
            goal: $(e.target).find('[name=goal]').val(),
            icon: $(e.target).find('input[name=icon]:checked').val()
        }

        Meteor.call('goal', goal, function(error, id) {
            if (error)
                return alert(error.reason);

            Router.go('/');
        });
    }
});

在那个版本中我也尝试过：

icon: $(e.target).find('input[name=icon]:checked', '#addgoalform').val()

和

icon: $(e.target).find('[name=icon]:checked').val()

这是我的第二次 js 尝试，创建一个数组并使用每个：

Template.goalAdd.events({
    'submit form': function(e) {
        e.preventDefault();

        var icons = [];
        $('input[name=icon]:checked').each(function() {
            icons.push($(this).val());
        });

        var goal = {
            category: $(e.target).find('[name=category]').val(),
            goal: $(e.target).find('[name=goal]').val(),
            icon: icons
        }

        Meteor.call('goal', goal, function(error, id) {
            if (error)
                return alert(error.reason);

            Router.go('/');
        });
    }
});

这是html：

    <div>
        <label for="icon">Icon</label>
        <div id="icon" class="controls uncheckit">
            <ul class="iconradios">
                <li class="icomoonli">
                    <input type="radio" name="icon" value="user">
                    <label class="radio"><i class="fa-medium icon icon-user" ></i></label>
                </li>
                <li class="icomoonli">
                    <input type="radio" name="icon" value="users">
                    <label class="radio"><i class="fa-medium icon icon-users" ></i></label>
                </li>
                <li class="icomoonli">
                    <input type="radio" name="icon" value="boss">
                    <label class="radio"><i class="fa-medium icon icon-boss" ></i></label>
                </li>

            </ul>
        </div>
    </div>

Answer 1

我想通了。毕竟它不在模板 js 或 html 中。我忘记将该属性添加到此模板的 Meteor 方法中。