如何获得单选按钮检查值

Question

我正在尝试获取流星js中某个广播组的检查值。 到目前为止，我已经提出了这一点。

JS

Template.QuizController.events({
  'submit .quiz-ans'(event) {
    // Prevent default browser form submit
    event.preventDefault();

    // Get value from form element
    console.log(event);


  },
});

HTML

<template name="QuizQuestion">
<div class="questions">
    <h5 class="white-text">{{question}}</h5>
    <form action="#" class="quiz-ans">
        <ul class="answer-list">
            <li class="answer-items animated out ">
                <input class="with-gap" name="group1" type="radio" id="{{this.order}}q1" />
                <label for="{{this.order}}q1">{{this.q1.value}}</label>
            </li>
            <li class="answer-items animated out ">
                <input class="with-gap" name="group1" type="radio" id="{{this.order}}q2" />
                <label for="{{this.order}}q2">{{this.q2.value}}</label>
            </li>
            <li class="answer-items animated out ">
                <input class="with-gap" name="group1" type="radio" id="{{this.order}}q3"  />
                <label for="{{this.order}}q3">{{this.q3.value}}</label>
            </li>
            <li class="answer-items animated out ">
                <input class="with-gap" name="group1" type="radio" id="{{this.order}}q4"  />
                <label for="{{this.order}}q4">{{this.q4.value}}</label>
            </li>
        </ul>
        <div class="test-controlls">
            <button class="btn waves-effect waves-light right" type="submit" name="action">Next
            <i class="material-icons right">send</i>
            </button>
            <span class="quiz-count right">1/10</span>
        </div>
    </form>
</div>
</template>

我正在查看目标数据，但仍然可以找到检查的值。 这可能很明显，但我无法弄清楚。因此，帮助伤口很棒。

谢谢

Answer 1

您可以通过以下方式获取单选按钮检查值：

const val= $('input[name=group1]:checked').val();

Answer 2

您的event将包含form元素作为event.target 。 那将包含所有输入，因此您可以查询它们，例如使用jQuery。

例如：

const checked = $(event.target).find("input[name='group1']:checked");

如果要获取附加的值（例如“ q1”），则可以执行以下操作：

checked[0].id;

要么

checked[0].labels[0].innerHTML;