使用javascript/ knockout设置父类css

Set a parents parent css using javascript/ knockout

本文关键字：父类 css 设置 knockout javascript 使用      更新时间：2023-09-26

我在一个表中有一些复选框，我想要他们的父css依赖于它的复选框是否被选中。我似乎不能让这个工作，希望你能给我指出正确的方向。

目前，我有一个setCss()函数上的复选框'onclick'方法，但我得到资源未定义的错误。

我添加了jsFiddle

function setCss() {
if (this.checked)
    $(this).closest('td').className = "selected";
else
    $(this).closest('td').className = "deselected";
}

您可以非常简单地使用敲除css绑定:

 <td data-bind="css: {'selected': selected,'deselected': !selected() }">
      <!-- existing content -->
 </td>

我已经更新了你的小提琴以这种方式工作。

此绑定意味着"如果selected()的计算结果为真值，则设置'selected'类，如果计算结果为假值，则设置'deselected'类"。

你也可以通过使用:not(selected)而不是显式的deselected类来整理你的CSS

相关文章：