onay kutusunu işaretli olsun veya olmasın template.find() nasıl kullanılır?

Question

Bir onay kutusu girişi var bir şablon var:

bu html kullanırsanız

<label class="checkbox-inline"> 
    <input type="checkbox" name="apPartTime" 
     checked="{{isWorkChecked 'isPartTime'}}">Part Time 
</label> 

ve let isPartTime = $('[name=apPartTime]').is(':checked');

Ben javascript kullanmak istiyorsanız geri doğru veya yanlış olsun, ancak sadece, boolean değerini nasıl alabilirim?

bu

<label class="checkbox-inline"> 
    <input type="checkbox" id ="apFullTime" 
     checked="{{isWorkChecked 'apFullTime'}}">Full Time 
</label> 

ve bu onay kutusunu almak istedikleri gibi html işaretlenirse

veya olmasın ben

let isFullTime = template.find('#apFullTime').value; 
let isFullTime = template.find('#apFullTime'); 

Yok çalışılır çalıştı.

Answer 1

Onay kutunuzu bir formda kaydırırsanız, event.target.myId.checked'a erişerek değeri alabilirsiniz. Örneğin

: giriş tipleri için ayrı bir meteor olayı kaydetmek isterseniz, event.target.checked kullanarak doğrudan değerini erişebilir

<template name="myTemplate"> 
    <form class="my-form"> 
     <label class="checkbox-inline"> 
      <input type="checkbox" id="ap-full-time-form">Full Time 
     </label> 
     <button type="submit">Submit</button> 
    </form> 
</template> 

---

Template.myTemplate.events({ 
    'submit .my-form'(event, instance) { 
     event.preventDefault(); 
     let isChecked = event.target["ap-full-time-form"].checked; 
     console.log(isChecked); 
    } 
}); 

---

. Örneğin

:

<template name="myTemplate"> 
    <label class="checkbox-inline"> 
     <input type="checkbox" id="ap-full-time-form">Full Time 
    </label> 
</template> 

---

Template.myTemplate.events({ 
    'click input'(event, instance) { 
     let isChecked = event.target.checked; 
     console.log(isChecked); 
    } 
}); 

---

Ayrıca, sadece instance.find("#myId").checked kullanabilirsiniz:

Template.myTemplate.events({ 
    'submit .my-form'(event, instance) { 
     event.preventDefault(); 
     let isChecked = instance.find("#ap-full-time-form").checked; 
     console.log(isChecked); 
    } 
});