JavaScript实现DataGrid中的CheckBox全选与否

时间:2023-01-15 17:09:04
JavaScript检索CheckBox并实现全选和全消功能:
DataGrid中的代码主要片段:
JavaScript实现DataGrid中的CheckBox全选与否< Columns > JavaScript实现DataGrid中的CheckBox全选与否
JavaScript实现DataGrid中的CheckBox全选与否            
< HeaderTemplate >        //头模板代码, AutoPostBack设为False,不需要回发
JavaScript实现DataGrid中的CheckBox全选与否                   
< asp:CheckBox  id ="chkHeader"  runat ="server"  AutoPostBack ="False"   onclick ="javascript:SelectAll(this);" ></ asp:CheckBox >
JavaScript实现DataGrid中的CheckBox全选与否            
</ HeaderTemplate > JavaScript实现DataGrid中的CheckBox全选与否
JavaScript实现DataGrid中的CheckBox全选与否           
< ItemTemplate >             //项模板代码
JavaScript实现DataGrid中的CheckBox全选与否                   
< asp:CheckBox  id ="chkItem"  runat ="server" ></ asp:CheckBox >
JavaScript实现DataGrid中的CheckBox全选与否           
</ ItemTemplate > JavaScript实现DataGrid中的CheckBox全选与否
JavaScript实现DataGrid中的CheckBox全选与否
</ Columns >
JavaScript实现DataGrid中的CheckBox全选与否

在<head></head>中加入的代码:
JavaScript实现DataGrid中的CheckBox全选与否  < script language = " javascript " >       
JavaScript实现DataGrid中的CheckBox全选与否        
function  SelectAll(chkHeaderControl)
JavaScript实现DataGrid中的CheckBox全选与否JavaScript实现DataGrid中的CheckBox全选与否        
{
JavaScript实现DataGrid中的CheckBox全选与否            
//将除头模板中的其它所有的CheckBox取反
JavaScript实现DataGrid中的CheckBox全选与否
            var chkBox=chkHeaderControl;
JavaScript实现DataGrid中的CheckBox全选与否            xState
=chkBox.checked;  
JavaScript实现DataGrid中的CheckBox全选与否            elem
=chkBox.form.elements;
JavaScript实现DataGrid中的CheckBox全选与否            
JavaScript实现DataGrid中的CheckBox全选与否            
for(i=0;i<elem.length;i++)
JavaScript实现DataGrid中的CheckBox全选与否JavaScript实现DataGrid中的CheckBox全选与否            
{
JavaScript实现DataGrid中的CheckBox全选与否                
if(elem[i].type=="checkbox" && elem[i].id!=chkBox.id)
JavaScript实现DataGrid中的CheckBox全选与否JavaScript实现DataGrid中的CheckBox全选与否                
{
JavaScript实现DataGrid中的CheckBox全选与否                     
if(elem[i].checked!=xState)
JavaScript实现DataGrid中的CheckBox全选与否JavaScript实现DataGrid中的CheckBox全选与否                    
{
JavaScript实现DataGrid中的CheckBox全选与否                          elem[i].click();
JavaScript实现DataGrid中的CheckBox全选与否                    }

JavaScript实现DataGrid中的CheckBox全选与否                }

JavaScript实现DataGrid中的CheckBox全选与否            }

JavaScript实现DataGrid中的CheckBox全选与否         }

JavaScript实现DataGrid中的CheckBox全选与否
</ script >
JavaScript实现DataGrid中的CheckBox全选与否