使用javascript/knockout設置父母父母的css

Question

我有一些表格中的複選框，我希望他們的父母的css取決於它的複選框是否被選中。我似乎無法得到這個工作，並希望你能指出我在正確的方向。

目前，我在複選框'onclick'方法上有一個setCss（）函數，但獲取資源未定義錯誤。

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

我已經更新your fiddle以這種方式工作：

我很簡單地使用淘汰賽css結合添加jsFiddle

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

Answer 1

你可以做到這一點。

此綁定的意思是「如果selected()評估爲真值，則設置」選定「類，如果評估結果爲falsey，則設置」取消選擇「類。

您還可以通過使用:not(selected)，而不是一個明確的deselected類