更改颜色tr onclick

时间:2011-06-05 10:28:37

标签: html css row html-table

我有这个代码,当单击该行时,该行将更改为“selected_row”。再次点击它应该改回'$ class',但事实并非如此。造成这种麻烦的原因是什么?如何解决?

$class = ($class == 'even') ? 'odd' : 'even';

echo '<tr class="'.$class.'" onclick="this.className=this.className==\'selected_row\'? '.$class.' :\'selected_row\';">

2 个答案:

答案 0 :(得分:2)

你忘记了最后$class背后的结束语。

我认为当您使用FireBug或类似的调试工具时,这些语法错误会显示出来。

答案 1 :(得分:1)

您好,您可以试试这个,只需将下面的函数放在html代码的部分中。

<script type="text/javascript">
function toggleClass(ele,customClass)
{
    ele.className=ele.className=='selected_row' ? customClass:'selected_row';
}
</script>

然后更改现有语法:

echo '<tr class="'.$class.'" onclick="this.className=this.className==\'selected_row\'? '.$class.' :\'selected_row\';">

要:

echo '<tr class="'.$class.'" onclick="toggleClass(this,\''.$class.'\');"><td>apple</td></tr>';

希望这有帮助。