网格视图复选框选择所有上级和下级

Question

我在网格视图的标题模板中有一个选择/取消选择全部复选框。如何使选择/取消选择所有功能适用于上级和下级浏览器？签到是JavaScript吗?我要签到什么？

Answer 1

使用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>

编辑：如果你喜欢服务器端的解决方案，here is an example不完全是你需要的，但确保你可以修改它以选中/取消选中复选框。