JS大神入

JS大神进！
如何实现这样的一个效果

一个表格里面有很多cell

点击cell cell变色 再点击 cell变回原来状态
只能改变一个cell的颜色  不能同时改变两个cell
------解决思路----------------------
不好意思，刚才没看到要变回来。

$(document).ready(function(){

	$('table td').click(function(){

		var addClass=true;

		if($(this).hasClass('highlight')){

			addClass=false;

		}

		$('table td').removeClass('highlight');


		if(addClass){

			$(this).addClass('highlight');

		}

	});

});

------解决思路----------------------

引用:

能否用纯js？不用JQUERY的？

<table>

	<tr>

		<td>01</td>

		<td>02</td>

		<td>03</td>

		<td>04</td>

	</tr>

	<tr>

		<td>01</td>

		<td>02</td>

		<td>03</td>

		<td>04</td>

	</tr>

	<tr>

		<td>01</td>

		<td>02</td>

		<td>03</td>

		<td>04</td>

	</tr>

	<tr>

		<td>01</td>

		<td>02</td>

		<td>03</td>

		<td>04</td>

	</tr>

</table>

<script type="text/javascript">

var uptd;

var td = document.getElementsByTagName("td");

for(var i=0,v,l = td.length; v = td[i],i<l; i++)

	v.onclick = tdck;

function tdck()

{

	this.style.backgroundColor = "red";

	if(uptd)

		uptd.style.backgroundColor = "";

	uptd = this;

}

</script>