DataGrid中的添加CheckBox实现全选/单选【原创】

首先先添加个模版列，然后编辑模版列，在里面拖2个HtmlControl的CheckBox，HeaderTemplate中的CheckBox的ID为:chkHeader; ItemTemplate中的CheckBox的ID为:chkItem ;

模版列代码如下：

< asp:TemplateColumn >
      < HeaderTemplate >
           < INPUT id="chkHeader "   onclick = javascript:SelectAll( this ); type = checkbox >  
      </ HeaderTemplate >
      < ItemTemplate >
           < INPUT id = chkItem type = checkbox >  
      </ ItemTemplate >
</ asp:TemplateColumn >

 

其次在前台就可以对它进行操作了，前台的JavaScript中的代码如下：

< script language = javascript >
       function SelectAll(chkbox)
           {
              var theBox=chkbox;
              xState=theBox.checked;    
              elem=theBox.form.elements;
              for(i=0;i<elem.length;i++)
              if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
               {
                    if(elem[i].checked!=xState)
                       elem[i].click();
               }
          }
   </ script >

 

然后Ctrl + F5  OK了