Связывание с классом 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, но сценарий, который обрабатывает это изменяет только CSS класс ichecked. Как мне что-то сделать при изменении при добавлении/удалении .checked на i?

Answer 1

Поздно, но вам нужно будет установить флаг в ViewModel, а затем на основе щелчка переключить свой класс с привязкой css.

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

Вот пример. Я установил css вместо тега p, потому что, по-видимому, вы не можете установить флажки, и именно по этой причине вы можете использовать Bootstrap.

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