JavaScript实现DataGrid中的CheckBox全选与否

JavaScript检索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>

posted on 2007-10-16 15:09    阅读(280)  评论(0编辑  收藏  举报

导航