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

最新推荐文章于 2023-02-11 11:27:30 发布

cdefg198

最新推荐文章于 2023-02-11 11:27:30 发布

阅读量3.7k

点赞数

分类专栏： js 文章标签： input

本文链接：https://blog.csdn.net/cdefg198/article/details/6665902

版权

js 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

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上加上: οnclick="SelectTR(this);" 这样调用的。