兄弟チェックボックス条件チェック

Question

このMeteorテンプレートイベントclick .voteは、チェックボックスにチェックされているかどうかを確認するために、直前の兄弟をチェックしようとします。どのようにそれを行うことができますか？ THX

Template.checkbox.events({ 
    'click .valid':() => { 
    //do stuff 
    }, 
    'click .vote':() => { //99c 
    //check if its nearest sibiling is checked else exit 
    if ($(this).prevAll('input.valid').checked) { //<------ not cutting it 
     console.log('its sibling is checked'); 
     //do stuff 
    } else { 
     console.log('its sibling is not checked'); 
     //do other stuff 
    } 
    } 
}); 

<template name="checkbox"> 
    <div class="checkbox-container"> 
    <div class="checkbox"> 
     <label class="check"> 
     <input class="valid" type="checkbox" name={{name}} value={{value}} checked={{checked}}>{{label}} 
     <input class="vote" type="checkbox" name={{name}} value={{value}} checked={{checked}}> 
     </label> 
    </div> 
    </div> 
</template> 

Answer 1

これを試してください：あなたはの詳細について

$(function(){ 
 
$(".vote").click(function(){ 
 
if($(this).siblings('input.valid').is(":checked")) { //<------ not cutting it 
 
    console.log('its sibling is checked'); 
 
    //do stuff 
 
} else { 
 
    console.log('its sibling is not checked'); 
 
    //do other stuff 
 
} 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 

 
    <div class="checkbox"> 
 
     <input class="valid" type="checkbox">Checkbox Valid 
 
     <input class="vote" type="checkbox">Checkbox Vote 
 
    </div>

以下

よう.siblings()を利用することができますSiblings()

Answer 2

$(".vote").change(function() { 
 

 
    if ($(this).closest('.check').find('input.valid').is(":checked")) { 
 
    console.log('its sibling is checked'); 
 
    //do stuff 
 
    } else { 
 
    console.log('its sibling is not checked'); 
 
    //do other stuff 
 
    } 
 
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="checkbox-container"> 
 
    <div class="checkbox"> 
 
    <label class="check"> 
 
     <input class="valid" type="checkbox" name={{name}} value={{value}} checked={{checked}}>{{label}} 
 
     <input class="vote" type="checkbox" name={{name}} value={{value}} checked={{checked}}> 
 
     </label> 
 
    </div> 
 
</div>

これは、あなたが.prevAll（ 'input.valid'）:checked