关于datagrid的几点简单应用

关于datagrid的几点简单应用，功能包括radio的单选，checkbox的多选，鼠标移动到行上颜色变深，链接传递多参数等功能。这里radio和checkbox都使用的是HTML控件。
有关checkbox的几个功能：全部选种、取消选种、没选中操作的检测等，这几个均使用js脚本实现。
运行效果图：
testdatagrid.aspx页面代码：
1 ``` @ Page language = " c# " Codebehind = " testdatagrid.aspx.cs " AutoEventWireup = " false " Inherits = " localhost.fenpage.testdatagrid "
 12  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
 2<!--  DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  -->
 33  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; HTML  &gt;   
 44  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; HEAD  &gt;   
 55  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; title  &gt;
 66  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; meta  name  ="GENERATOR"  Content  ="Microsoft Visual Studio .NET 7.1"  &gt;   
 77  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; meta  name  ="CODE_LANGUAGE"  Content  ="C#"  &gt;   
 88  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; meta  name  ="vs_defaultClientScript"  content  ="JavaScript"  &gt;   
 99  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; meta  name  ="vs_targetSchema"  content  ="http://schemas.microsoft.com/intellisense/ie5"  &gt;   
1010  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif) &lt; script  language  ="javascript"  &gt; ![](http://www.cnblogs.com/Images/dot.gif)   
1111  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) //  全部选中    
1212  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) function  QuanXuan_Click()   
1313  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
1414  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) if  (document.Form1.checkboxname.length)  ![](http://www.cnblogs.com/Images/dot.gif) {   
1515  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) for  (  var  i  =  0  ;i  &lt; document.Form1.checkboxname.length;i  ++  )  ![](http://www.cnblogs.com/Images/dot.gif) {   
1616  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) document.Form1.checkboxname[i].checked  =  true  ;   
1717  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
1818  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) }  else  ![](http://www.cnblogs.com/Images/dot.gif) {   
1919  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) document.Form1.checkboxname.checked  =  true  ;   
2020  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
2121  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
2222  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)   
2323  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) //  取消选中    
2424  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) function  QuXiao_Click()   
2525  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
2626  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) if  (document.Form1.checkboxname.length)  ![](http://www.cnblogs.com/Images/dot.gif) {   
2727  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) for  (  var  i  =  0  ;i  &lt; document.Form1.checkboxname.length;i  ++  )  ![](http://www.cnblogs.com/Images/dot.gif) {   
2828  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) document.Form1.checkboxname[i].checked  =  false  ;   
2929  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
3030  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) }  else  ![](http://www.cnblogs.com/Images/dot.gif) {   
3131  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) document.Form1.checkboxname.checked  =  false  ;   
3232  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
3333  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
3434  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)   
3535  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) //  /////////////判断没有选中的返回false    
3636  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) function  slcNo_click()   
3737  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
3838  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) if  (document.Form1.checkboxname.length)  ![](http://www.cnblogs.com/Images/dot.gif) {   
3939  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) for  (  var  i  =  0  ;i  &lt; document.Form1.checkboxname.length;i  ++  )  ![](http://www.cnblogs.com/Images/dot.gif) {   
4040  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) if  (document.Form1.checkboxname[i].checked)   
4141  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
4242  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) return  true  ;   
4343  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
4444  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
4545  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) }  else  ![](http://www.cnblogs.com/Images/dot.gif) {   
4646  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) if  (document.Form1.checkboxname.checked)   
4747  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
4848  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) return  true  ;   
4949  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
5050  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
5151  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) alert(  "  请选择后再操作！  "  );   
5252  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) return  false  ;   
5353  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
5454  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)   
5555  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) //  ////////////////////////////////////改变行的颜色    
5656  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) if  (  !  objbeforeItem)   
5757  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
5858  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) var  objbeforeItem  =  null  ;   
5959  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) var  objbeforeItembackgroundColor  =  null  ;   
6060  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
6161  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) function  ItemOver(obj)   
6262  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
6363  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) objbeforeItembackgroundColor  =  obj.style.backgroundColor;   
6464  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) obj.style.backgroundColor  =  "  #B9D1F3  "  ;   
6565  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) objbeforeItem  =  obj;   
6666  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
6767  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)   
6868  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) function  ItemOut(obj)   
6969  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
7070  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) if  (objbeforeItem)   
7171  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif) ![](http://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif) ![](http://www.cnblogs.com/Images/dot.gif) {   
7272  ![](http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif) objbeforeItem.style.backgroundColor  =  objbeforeItembackgroundColor;   
7373  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
7474  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif) }    
7575  ![](http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif)
7676  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif)
7777  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; body  MS_POSITIONING  ="GridLayout"  &gt;   
7878  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; form  id  ="Form1"  method  ="post"  runat  ="server"  &gt;   
7979  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; table  &gt;   
8080  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; tr  &gt;   
8181  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) &lt; td  &gt;&lt; FONT  face  ="宋体"  &gt;&lt; asp:datagrid  id  ="MyDataGrid"  runat  ="server"  Width  ="550px"  AllowPaging  ="True"  AutoGenerateColumns  ="False"    
8282  ![](http://www.cnblogs.com/Images/OutliningIndicators/None.gif) OnPageIndexChanged  ="MyDataGrid_Page"  PageSize  ="10"  CellPadding  ="2"  HorizontalAlign  ="Left"  BorderColor  ="Gray"    
8383  &lt;spa