使用knockout綁定到css類？

Question

我使用一些引導相關的JS，使該複選框的使用通過HTML這樣的：

<div class="checkbox"> 
    <label class="checkbox-custom"> 
    <input type="checkbox" name="checkboxA" checked="checked"> 
    <i class="icon-unchecked checked"></i> 
    Item one checked 
    </label> 
</div> 

<div class="checkbox"> 
    <label class="checkbox-custom"> 
    <input type="checkbox" name="checkboxB" id="2"> 
    <i class="icon-unchecked"></i> 
    Item two unchecked 
    </label> 
</div> 

通常我可以綁定到input，但處理這一腳本僅改變ichecked CSS類。如何在i上添加/刪除.checked更改？

Answer 1

遲到了，但你必須在ViewModel中設置一個標誌，然後根據點擊切換你的類與CSS綁定。

<i class="checked" data-bind='css: { "nameOfYourCSS" : conditions_here } '></i> 

下面是示例。我已將css設置爲p標記，因爲顯然您不能設置複選框的樣式，這正是您使用Bootstrap的原因。

http://jsfiddle.net/jX6m2/3/