Meteorテンプレートイベントの他のラジオボタンをすべてオフにします

Question

このMeteorテンプレートでは、ラジオボタンをクリックできますが、他のラジオボタンのチェックを外すことはできません。現在のclick .twin-item'イベントと組み合わせて、javascriptまたはjQueryで効率的に実行する方法はありますか？

<template name="results"> 
    <div class="twin-group js-radioGroup" data-id={{_id}}> 
    <ul class="upShift"> 
     {{#each display.deciders}} 
     <li> 
      <label class="twin-item"> 
      <input type="radio" value={{this.result}}> 
      <span class="radio-label">{{this.label}}</span> 
      </label> 
     </li> 
     {{/each}} 
    </ul> 
    </div> 
</template> 

Template.results.events({ 
    'click .twin-item': (event) => { 
    let val = event.target.value; 
    if (val) { 
     Meteor.call('myMethod', val); 
    } 
    } 
}); 

Answer 1

あなたはそれのためにJavaScriptを必要としません。あなたはすべてのラジオボタンに同じname属性を割り当てた場合、一つだけのラジオボタンは、デフォルト

変更によってチェックされます

<template name="results"> 
    <div class="twin-group js-radioGroup" data-id={{_id}}> 
    <ul class="upShift"> 
     {{#each display.deciders}} 
     <li> 
      <label class="twin-item"> 
      <input type="radio" name="rbtn" value={{this.result}}> 
      <span class="radio-label">{{this.label}}</span> 
      </label> 
     </li> 
     {{/each}} 
    </ul> 
    </div> 
</template> 

にあなたのコード