Question

我使用了一些与bootstrap相关的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，但处理此问题的脚本只会更改i checked css类。如何在.checked上添加/删除i时更改某些内容？

Answer 1

到目前为止，你必须在ViewModel中设置一个标志，然后根据click切换你的css绑定类。

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

这是一个例子。我已经将css设置为p标签，因为显然你不能设置复选框样式，这正是你可能使用Bootstrap的原因。

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

使用knockout绑定到css类？

1 个答案: