单击选中GridView 或 HTML 表格的某行，并获取该行的数据。。。。

来源：互联网发布：ubuntu编译openjdk7 编辑：程序博客网时间：2024/05/21 06:03

首先绑定行单击事件，如下：也可以用Jquery的.click进行事件绑定

 protected void GridView1_RowDataBound(Object sender, GridViewRowEventArgs e){        if (e.Row.RowType == DataControlRowType.DataRow){                        e.Row.Attributes.Add("onClick", "javascript:void SelectRow(this);");        }    }

然后再前台页面head部分写如下函数：

<script type="text/javascript">         // 对选中行的处理函数         function SelectRow(row) {             var _selectColor = "#303030";             var _normalColor = "#909090";             var _selectFontSize = "3em";             var _normalFontSize = "2em";             // 获取当前行的所有数据单元             var _rows = row.parentNode.childNodes;             // 获取数据             try {                 for (i = 0; i < _rows.length; i++) {                     var _firstCell = _rows[i].getElementsByTagName("td")[0];                     _firstCell.style.color = _normalColor;                     _firstCell.style.fontSize = _normalFontSize;                     _firstCell.style.fontWeight = "normal";                 }             }             catch (e) { }             // 对该行的第一个单元格设样式             var _selectedRowFirstCell = row.getElementsByTagName("td")[0];             _selectedRowFirstCell.style.color = _selectColor;             _selectedRowFirstCell.style.fontSize = _selectFontSize;             _selectedRowFirstCell.style.fontWeight = "bold";         }</script>