JavaScript实现DataGrid中的CheckBox全选与否时间:2023-01-15 17:09:04JavaScript检索CheckBox并实现全选和全消功能:DataGrid中的代码主要片段: < Columns > < HeaderTemplate > //头模板代码, AutoPostBack设为False,不需要回发 < asp:CheckBox id ="chkHeader" runat ="server" AutoPostBack ="False" onclick ="javascript:SelectAll(this);" ></ asp:CheckBox > </ HeaderTemplate > < ItemTemplate > //项模板代码 < asp:CheckBox id ="chkItem" runat ="server" ></ asp:CheckBox > </ ItemTemplate > </ Columns > 在<head></head>中加入的代码: < script language = " javascript " > function SelectAll(chkHeaderControl) { //将除头模板中的其它所有的CheckBox取反 var chkBox=chkHeaderControl; xState=chkBox.checked; elem=chkBox.form.elements; for(i=0;i<elem.length;i++) { if(elem[i].type=="checkbox" && elem[i].id!=chkBox.id) { if(elem[i].checked!=xState) { elem[i].click(); } } } } </ script >