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了