JS实现复选框(Checkbox)全选和取消 --ASP.NET中实例运用

最新推荐文章于 2018-05-31 11:08:12 发布

转载最新推荐文章于 2018-05-31 11:08:12 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ai178/archive/2010/10/12/1849286.html

本文介绍了一种使用JavaScript实现网页中复选框全选和取消全选的方法。通过函数selectall()来控制一组复选框的状态，适用于ASP.NET GridView组件。此方法通过遍历表单元素并检查其类型和标识符来实现。

//JS中实现全选和取消的方法：

//CheckBox复选框全选,oCheckbox为全选复选框，chkall为全部的复选框名字
function
selectall(oCheckbox,chkall)
{
   for(var i=0;i<document.forms[0].elements.length;i++)
   {

    if(document.forms[0].elements[i].id.indexOf(chkall)>0&&document.forms[0].elements[i].type=="checkbox")
     {
        document.forms[0].elements[i].checked=oCheckbox.checked;
     }
   }
}

//如下就的ASP.NET的GridView中的使用：

           <asp:GridView runat="server" ID="gdvConfirmReturn" AutoGenerateColumns="False" Width="100%">
                <Columns>
                    <asp:TemplateField>
                       <HeaderTemplate>
                          <input type="checkbox" id="ckball" onclick="selectall(this,'chkItem')"/>全选

                       </HeaderTemplate>
                       <ItemTemplate>
                          <asp:CheckBox ID="chkItem" runat="server" ToolTip='<%#Eval("FilmId") %>' />
                      </ItemTemplate>

                 </asp:TemplateField>
                  <asp:TemplateField HeaderText=" 爱178影院">
                   <ItemTemplate>
                        <%#Eval("FilmId") %>

                 </ItemTemplate>
                </asp:TemplateField>
           </Columns>
          </asp:GridView>

转载于:https://www.cnblogs.com/ai178/archive/2010/10/12/1849286.html