<html>
<head>
<style>
.lightrow{color:red;}
</style>
<script language="javascript">
var lightCss = "lightrow";
var curRow = null;
function keyDown()
{
var key = event.keyCode;
var obj = curRow;
switch(key)
{
case 13://Enter key //这里操作改一下就可以
obj.cells[0].childNodes[0].checked = !obj.cells[0].childNodes[0].checked;
alert("ID:"+obj.cells[1].innerText+"/nName"+obj.cells[2].innerText);
// alert(url+"?id="+obj.cells[0].innerText+"&name="+obj.cells[1].innerText);
break;
case 38://up key
curRow.className = "";
if(obj.rowIndex>1)
{
curRow=obj.previousSibling;
}else
{
curRow=obj.parentNode.childNodes[obj.parentNode.childNodes.length-1];
}
curRow.className = lightCss;
break;
case 40://down key
curRow.className = "";
if(obj.rowIndex <obj.parentNode.rows.length-1)
{
curRow=obj.nextSibling;
}else
{
curRow=obj.parentNode.childNodes[1];
}
curRow.className = lightCss;
break;
}
}
document.οnkeydοwn=keyDown;
window.οnlοad=function()
{
var tbl = document.getElementById("GridView1");
curRow = tbl.rows[1];
curRow.className = lightCss;
};
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</form>
</body>
</html>
========CS=========
public partial class BlueLeftPanel : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
this.GridView1.DataSource = this.TestData;
this.GridView1.DataBind();
}
/// <summary>
/// 测试数据源
/// </summary>
private DataTable TestData
{
get
{
DataTable dt = new DataTable();
dt.Columns.Add(new DataColumn("ID", typeof(int)));
dt.Columns.Add(new DataColumn("Name", typeof(string)));
dt.Rows.Add(new object[] { 1, "湖北" });
dt.Rows.Add(new object[] { 2, "江苏" });
dt.Rows.Add(new object[] { 3, "浙江" });
dt.Rows.Add(new object[] { 4, "黄冈" });
return dt;
}
}
}