javascript - gridviewチェックボックスは、すべてのアップレベルとダウンレベルを選択します

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>

編集：サーバー側のソリューションが好きな場合は、ここ に必要なものが正確にない例がありますが、チェックボックスをオン/オフにするように変更できることを確認してください。