使用敲除绑定到css类

Binding to css class using knockout?

本文关键字：css 绑定      更新时间：2023-09-26

我正在使用一些与引导程序相关的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，但处理此问题的脚本只更改icheckedcss类。如何对i上添加/删除.checked的更改执行操作？

这已经晚了，但你必须在ViewModel中设置一个标志，然后根据点击切换你的类与css绑定。

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

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

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

相关文章：