javascript - 使用 javascript/knockout 设置父级父级 css

Question

我在表格中有一些复选框，我希望它们的父级的CSS取决于它的复选框是否被选中。我似乎无法让它发挥作用，希望你能为我指出正确的方向。

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

我已添加jsFiddle

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

Answer 1

您可以使用 knockout css 非常简单地做到这一点绑定(bind):

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

我已更新your fiddle以这种方式工作。

此绑定(bind)意味着“如果 selected() 计算结果为 true 值，则设置“selected”类；如果计算结果为 false，则设置“deselected”类”。

您还可以使用 :not(selected) 而不是显式的 deselected 类来整理 CSS