GridView 全选

 

<script type="text/javascript">
///CheckBox全选
///tempControl:标题上面的CheckBox
    function SelectAll(tempControl)
    {
       var theBox=tempControl;
       xState=theBox.checked;///标题上面CheckBox的状态
       elem=theBox.form.elements;///当前表单元素集合(例如:TextBox、CheckBox、Label等等)
       for(i=0;i<elem.length;i++)///遍历当前表单上的所有元素
       {
         if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)///找到除标题上的CheckBox外的所有CheckBox
         {
           if(elem[i].checked!=xState)///如果没有选中,则利用click()事件将之选中,反之,则利用click()事件去掉选中状态
           {
             elem[i].click();
           }
         }
        
        
       }
    }
   

</script>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="id"
                  DataSourceID="ObjectDataSource1" Width="100%" OnRowDataBound="GridView1_RowDataBound">
                  <Columns>
                      <asp:TemplateField HeaderText="选择">
                          <HeaderTemplate>
                              <asp:CheckBox ID="headselector" runat="server" onclick="SelectAll(this);"/>
                          </HeaderTemplate>
                          <ItemTemplate>
                              <asp:CheckBox ID="cardlevelselector" runat="server" />
                          </ItemTemplate>
                      </asp:TemplateField>
                      <asp:BoundField DataField="id" HeaderText="id" ReadOnly="True" SortExpression="id" />
                      <asp:BoundField DataField="name" HeaderText="分店名称" SortExpression="name" />
                  </Columns>
              </asp:GridView>

posted @ 2009-04-24 09:58  peterlee  阅读(716)  评论(0)    收藏  举报