0

Webページに3つの異なるチェックボックスリストがあります。「すべて選択」というチェックボックスが必要です。このチェックボックスをオンにすると、3つのチェックボックスリストのチェックボックスがすべてオンになります。選択ボタンをクリックして1つのチェックボックスリストをチェックするこの例を見ていましたが、JavaScriptで3つのチェックボックスリストのチェックボックスすべてをチェックしたいと思います。以下は私のコードです

 <asp:CheckBox ID="chkCheckAll" runat="server" Text="Check/Uncheck All"  
                                        Style="font-weight: 700"      CausesValidation="false" oncheckedchanged="chkCheckAll_CheckedChanged" AutoPostBack="true" 
                                          />

   <asp:CheckBoxList ID="chkList_MetricsSeverity" runat="server"   RepeatDirection="Horizontal"
                                                RepeatColumns="3" Width="1060px">
                                            </asp:CheckBoxList>

 <asp:CheckBoxList ID="chkList_MetricsAvgMedian" runat="server" RepeatDirection="Horizontal"
                                                RepeatColumns="3" Width="1060px">
                                            </asp:CheckBoxList>

 <asp:CheckBoxList ID="chkList_Counts" runat="server" RepeatDirection="Horizontal"
                                                RepeatColumns="3" Width="1060px">
                                            </asp:CheckBoxList>

どんな助けでもありがたいです

4

2 に答える 2

2

ここを見てください...上記のものをasp.netとjavascriptの両方の方法で実装する方法を見つけることができます......

于 2012-08-09T18:18:26.473 に答える
0

これは、実行する必要があることです。以下はコードです

  function CheckAll() {


        var chkbx = document.getElementById('<%=chkCheckAll.ClientID %>');

        var chkbxList1 = document.getElementById('<%=chkList_MetricsSeverity.ClientID %>');

        var chkbxList2 = document.getElementById('<%=chkList_MetricsAvgMedian.ClientID %>');

        var chkbxList3 = document.getElementById('<%=chkList_Counts.ClientID %>');
        if (chkbx.checked == true) {
            var chkbxListCount = chkbxList1.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = true;
            }
            var chkbxListCount = chkbxList2.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = true;
            }
            var chkbxListCount = chkbxList3.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = true;
            }
        }
        else {
            var chkbxListCount = chkbxList1.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = false;
            }
            var chkbxListCount = chkbxList2.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = false;
            }
            var chkbxListCount = chkbxList3.getElementsByTagName('input');
            for (var i = 0; i < chkbxListCount.length; i++) {
                chkbxListCount[i].checked = false;
            }
        } 




    }
于 2012-08-10T19:45:50.213 に答える