2017-01-05 2 views
0

メテオ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> 

私は、ターゲット・データ内で探していましたが、まだ確認された値を見つけることができます。これはおそらく非常に明白ですが、私はそれを把握できません。あなたはラジオボタンを取得することができます

おかげ

答えて

0

で値を確認しました。これにはすべての入力が含まれます。 jQueryを使用します。例えば

:あなたはあなたが行うことができます( "Q1" のように)それに取り付けた値を取得したい場合は

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

checked[0].id; 

または

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

event.targetとしてあなたform要素が含まれています

あなた event
const val= $('input[name=group1]:checked').val(); 
関連する問題