すべてのチェックボックスの合計値属性

Question

このjQueryコードでは、class = validのinput要素のvalueをすべてチェックします。どうしたの？ THX

Template.checkbox.events({ 
    'click .valid':() => { 
    $("input.valid:checked").each(function() { 
     console.log(this); //total them here 
    }) 
    } 
}); 

<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="count" type="checkbox" name={{name}} value={{value}} checked={{checked}}> 
     </label> 
    </div> 
    </div> 
</template> 

Answer 1

var total = null; 
Template.checkbox.events({ 
    'click .valid':() => { 
    $("input.valid:checked").each(function() { 
     total += parseFloat(this.value); 
    }) 
    } 
}); 
console.log(total); 

Answer 2

あなたのセレクタは良いですが、今、あなただけの値に各ループをインクリメントする必要があります。あなたはそれがreduce、その後、アレイへのすべての値を取得するために.mapを使用することができます。

var total = $("input.valid:checked").map(function() { 
    return this.value; 
}).get().reduce(function(t, number) { 
    return t += parseInt(number, 10); 
}, 0);