使用Material Design Lite复选框突出显示整个表格行

Question

我正在尝试突出显示具有材质设计外观的整个表格行。我正在使用复选框来突出显示行，并且在没有MDL外观的情况下工作正常但是只要我打开带有MDL的复选框，它只会突出显示复选框所在的当前表格单元格而不是整行。

以此为例：http://jsbin.com/cuvifocoju/edit?html,output

我做错了什么或者是MDL错误？ 谢谢

Answer 1

第2行中的复选框直接位于表格单元格中，第1行中的复选框不是，它位于label标签中。因此，您需要从项目中向上走一点才能获得该行。

所以修复你的代码就像使用MDL一样

function toggleHighlight(currentCheck)
{
  var isChecked = currentCheck.checked;

  if(isChecked)
  {
      currentCheck.parentNode.parentNode.parentNode.style.backgroundColor="yellow";
  }
  else
  {
    currentCheck.parentNode.parentNode.parentNode.style.backgroundColor="";
  }
}

不是nices修复，但这会给你一个想法。