“网格视图”复选框选中“所有上层和下层”

gridview checkbox select all uplevel and downlevel

本文关键字:网格 视图 网格视图 复选框      更新时间:2023-09-26

我在网格视图的标题模板中有一个"选择/取消全选"复选框。如何使选择/取消选择所有功能适用于上层和下层浏览器?检查是否在 JavaScript 中,我应该检查什么?

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

编辑:如果您喜欢服务器端解决方案,这里有一个示例,不完全是您需要的,但可以对其进行修改以选中/取消选中复选框。