Question

I have a select/unselect all checkbox in my header template of a gridview. How can I make the select/unselect all functionality work for uplevel and downlevel browsers? Is the check in JavaScript and what do I check for?

Answer 1

Using javascript.

HTML:

 <asp:TemplateField HeaderText="Select All">
     <headertemplate>
        <input type="checkbox" name="chkMain" onclick="ToggleSelect(this)" ... />
     </headertemplate>
     <ItemTemplate>
        <input type="checkbox" name="chkSelect" ... />
     </ItemTemplate>
 </asp:TemplateField>

Javascript:

 function ToggleSelect(chk){
    var chkBoxes = document.getElementsByName('chkSelect');

    for(i=0;i<chkBoxes.length;i++){
        chkBoxes[i].checked = chk.checked;
    }
 } 
</script>

Edit: If you like server side solution, here is an example not exactly what you need but sure your can modify it to check/uncheck the checkboxes.