使用淘汰赛绑定到 css 类？答案

【问题标题】：Binding to css class using knockout?使用淘汰赛绑定到 css 类？
【发布时间】：2013-11-21 23:22:14
【问题描述】：

我正在使用一些引导相关的 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 类。在 i 上添加/删除 .checked 时，我该如何做一些事情？

【问题讨论】：

标签： javascript html css knockout.js

【解决方案1】：

迟到了，但您必须在 ViewModel 中设置一个标志，然后根据单击切换您的类与 css 绑定。

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

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

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

【讨论】：