チェックボックスの値をJavascriptオブジェクトと同じに設定する方法

Question

リストされた各アイテムのチェックボックスを追加するには、各ループを使用してリストをレンダリングします。その特定のリストアイテムのチェックボックスをオンにして、その項目オブジェクトをチェックボックスの値として取得したい今

{{#each list}} 
    <input type="checkbox" name="list" > 
    <p>{{this.title}}</p> 
{{/each}} 
<button class="btn btn-primary" id="addToCart" >ADD TO CART</button> 

私はそれがチェックボックスがチェックされたのオブジェクトを返すようにしたいボタンをクリックしてください（リスト項目1がチェックされているとき、すなわち、ボタンのクリックは、リスト項目1を返し、そうで...すべきです）

注：リストアイテムオブジェクトと同じチェックボックスの値を設定します。

Answer 1

あなたは、リスト内の項目のいくつかのユニークな識別子の横にあるチェックボックスの値を設定する必要があります：ラベルの代わりに、段落を使用して

{{#each list}} 
    <input type="checkbox" name="list" value="{{this.id}}" id="{{'list' + this.id}}" /> 
    <label for="{{'list' + this.id}}">{{this.title}}</label> 
{{/each}} 

は、（ユーザが選択したテキストをクリックすることができますまたは必要に応じて任意のJavaScriptの）

は、その後、あなたがボタンによってトリガ呼び出しで、次のコードを使用することができずに、チェックボックスの選択を解除し、すべてのリストを取得するためにチェックするチェックボックス：

$.each($("input[name='list']:checked"), function() { 
    //push the items to list or whatever you want 
}); 

---

あなたは、チェックボックスの値としてオブジェクト全体を設定しようとすることができますが、私はそれを試していないと影響を知らない：

<input type="checkbox" name="list" value="{{this}}" id="{{'list' + this.id}}" />