如何在单击首页标题复选框时在所有行复选框标题上打勾 [英] How to tick all row checkbox headers on clicking first page header check box

问题描述

Hii团队，

我有一个页面大小为5的gridview.

现在gridview的第二列有一个标题模板包含标题复选框，项目模板包含复选框.

我想要的功能是在首页的标题页上无标题复选框中，它将检查所有页面中的所有行..但是说如果我在第二页或第三页上，并且如果我单击标题页上的复选框，则它应该选中以下复选框仅第二页.

Hii Team ,

I have a gridview whose page size is 5.

Now The second column of the gridview has got one header template contains header checkbox and item template contains check box .

What i want functionality is on clinking header check box of first page it will check all the rows in all the pages .. but say if i am on page two or 3 , and if i clik on header check box then it should select checkboxes on second pages only .

推荐答案

使用此示例代码

use this sample code

<asp:GridView ID="grddata" runat="server" AutoGenerateColumns="false">
<Columns>
    <asp:TemplateField ItemStyle-Width="20px" HeaderStyle-Width="20px">
        <HeaderTemplate>
            <div style="width: 100%; text-align: left; padding-left: 3px;">
                <asp:CheckBox ID="cbSelectAll" runat="server" onchange="javascript:cbSelectAll(this);" />
            </div>
        </HeaderTemplate>
        <ItemTemplate>
            <div style="width: 100%; text-align: left; padding-left: 1px;">
                <asp:CheckBox ID="cbSelectOne" runat="server" />
            </div>
        </ItemTemplate>
    </asp:TemplateField>
 </Columns>
</asp:GridView>
<script type="text/javascript" language="javascript">
//use Jquery
function cbSelectAll(e)
{

(#％> tr:gt(0)输入:[id * ='cbSelectOne']).attr('checked'，

("#<%=grddata.ClientID%> tr:gt(0) input:[id*='cbSelectOne']").attr('checked',

(e).find(" input:[id * ='cbSelectAll']).is(":checked)) } < /script >

(e).find("input:[id*='cbSelectAll']").is(":checked")) } </script>

这篇关于如何在单击首页标题复选框时在所有行复选框标题上打勾的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！