点击表格一行中任意一行即选中该行相关复选框,同时改变背景色

时间:2022-08-06 14:48:53
JScript code

//通过单击行反选该行所有CheckBox
function SelectTR(tr)
{
	var tds=tr.childNodes;
	for(var j=0; j<tds.length;j++)
	{
		var inputs=tds[j].childNodes;
		for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
		{
			if (inputs[i].type == "checkbox")
			{
			   inputs[i].checked = !inputs[i].checked;
			   tr.style.backgroundColor = inputs[i].checked ? "#fafdc6" : "";
			}
		}
	}
}



调用时在tr上加上: onclick="SelectTR(this);" 这样调用的。