我如何得到一个onclick被逆转在第二次点击

How do I get an onclick to be reversed on a second click?

本文关键字:逆转 onclick 第二次 一个 何得      更新时间:2023-09-26

我正在编写一个用户选择其可用性的程序。我有一个鼠标在颜色上,但我希望在点击时确认颜色。下面的解决方案的唯一问题是,在第二次点击是不重置。我怎么让它重置?

<td onclick="javascript:this.style.background = '#000000';">

jsBin demo

var $table = document.getElementById('myTable'),
    $td = $table.getElementsByTagName('td');
function fnToggle(){
  var io = this.io ^= 1; // Toggler
  this.style.backgroundColor = io ? "#000" : "transparent" ;
}
// Assign click handler (toward fnToggle) to all our TD elements
for(var i=0; i<$td.length;) $td[i++].onclick = fnToggle;

点击这里阅读更多关于(?:) 的使用信息
在这里阅读更多关于^= 的使用(+额外阅读)