如何在Ember.js中獲取復選框狀態？

Question

我創建了一個組件 ，該組件呈現具有正確設置值的復選框。 他們還可以響應單擊事件，因此在hbs模板中存在一個循環，該循環呈現如下復選框：

<input class="conditions" type="checkbox" value="{{c.id}}" 
  {{action "conditionChecked" r preventDefault=false}} 
  checked={{c.checked}} />{{c.name}}

在組件中，我具有actions:包含conditionChecked掛鈎。 掛鈎具有c參數，這是我從模板傳遞的參數，該模板還具有始終等於true的checked屬性。

如何根據用戶的選擇（選中/未選中）訪問復選框的實際狀態？

編輯 ：我是Ember.js中的一個完整的新手。 如果您可以提供示例的鏈接，那就太好了。

Answer 1

好吧，首先，我建議您使用Ember {{input type="checkbox" checked=someControllerProperty}} 。 這會將檢查值作為布爾值綁定到您傳遞給input幫助程序的checked屬性的任何控制器屬性。 無需所有動作。 它是Ember，有兩種綁定方式，因此將真實值傳遞給此幫助器將呈現一個帶有復選標記的復選框。

如果您必須走自己的路（似乎正在與框架作斗爭），則在conditionChecked動作中，可以使用方便的dandy view helper jQuery選擇器函數this.$()並找到您的復選框。 找到后，觀察其選中的屬性，並設置一些值。 我得說，您在這里重新發明了輪子，因為這正是內置input type="checkbox"助手的功能