关于GridView中的CheckBox全选,取消一段JavaScript脚本

/* * GridView.js * */ // 对GridVew的ChekBox选中制作全选按钮 function check(checkAllBox, GdView) { var obj = document.getElementById(checkAllBox); //获取全选控件ID var gv = document.getElementById(GdView); //获取Gridview控件 if (gv == null)//判断GridView是否有数据 return; var aa = gv.getElementsByTagName("input"); //获取GridView if (obj.checked) { for (var i = 0; i < aa.length; i++) { if (aa[i].type == 'checkbox') aa[i].checked = true; } } if (obj.checked == false) { for (var i = 0; i < aa.length; i++) { if (aa[i].type == 'checkbox') aa[i].checked = false; } } } // 部分取消 // obj表示GirdView中的CheckBox // obj1表示GridView的id // obj2表示ChekBox的id function cacelPart(checkAllBox, GdView, obj) { var GvCount = 0; var GVCheckBoxCount = 0; var gv = document.getElementById(GdView); //获取Gridview控件 var aa = gv.getElementsByTagName("input"); var chckAll = document.getElementById(checkAllBox); //获取全选控件ID // var obj1 = document.getElementById('<%=' + obj + '.ClientID%>'); //获取Gridview控件 if (obj.checked == false) { chckAll.checked = false; } if (obj.checked == true) { for (var i = 1; i < aa.length; i++) { if (aa[i].type == 'checkbox') { GVCheckBoxCount = GVCheckBoxCount + 1; if (aa[i].checked == true) { GvCount = GvCount + 1; } } } if (GvCount == GVCheckBoxCount) { chckAll.checked = true; } } }

用法

<asp:GridView ID="gvPackagingCostRequest" runat="server" AutoGenerateColumns="false"
                        AllowPaging="true" CssClass="t_part" PageSize="20" >

                        <Columns>
                        <HeaderTemplate>
                                    <input type="checkbox" id="chkAll" οnclick="check('chkAll','gvPackagingCostRequest');" />
                                </HeaderTemplate>                               

                         <ItemTemplate>
                                    <asp:CheckBox ID="chkApply" runat="server" class="chk" name="chkApply" οnclick="cacelPart('chkAll','gvPackagingCostRequest',this)" />
                                </ItemTemplate>
                              
                                <ItemStyle HorizontalAlign="Center" Width="8px" />
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>