点击表格一行中任意一行即选中该行相关复选框,同时改变背景色
2011-08-06 21:43
429 查看
JScript code
调用时在tr上加上: onclick="SelectTR(this);" 这样调用的。
//通过单击行反选该行所有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);" 这样调用的。
相关文章推荐
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- 鼠标指向表格中的一行时,该行背景色改变;点击行时,突出显示标记颜色
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- js控制鼠标移动到表格的某一行时改变该行的背景色
- ASP.NET基础教程-DataGrid表格控件-利用ItemDataBound事件实现鼠标移动到控件的某一行时改变该行的背景色
- 有一个table表格,选中某一行后,点击“查看(button)”按钮可以实现对该行内容的显示
- 点击table中的一行选中checkbox,并改变该行的颜色
- 鼠标移到隔行变色的表格上,有背景变化,并且点击的时候选中复选框和背景色
- 功能实现:在table中点击某一行,选中前面的checkbox并改变背景色
- GridView实现自动编号及鼠标移到GridView某一行时改变该行的背景色
- 鼠标移到GridView某一行时改变该行的背景色
- 鼠标移到GridView某一行时改变该行的背景色方法一
- <table>中点击一行中任意列数据,则可以让<checkbox>选中或者取消选中。
- 鼠标移到GridView某一行时改变该行的背景色
- GridView中点击CheckBox选中一行来改变此行的颜色
- 鼠标移到GridView某一行时改变该行的背景色方法
- GridView中实现点击某行的任意位置就选中该行
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
- Extjs 点击复选框在表格中增加相关信息行
- 点击表格中任意一行,转到相应的页面