1

32個のチェックボックス（checkbox1、checkbox2、checkbox3 ....checkbox32）と32個のdiv（div1、div2、div3 ..... div32）と1個のasp：Buttonがあります。

ボタンをクリックすると、checkbox1がtrueの場合はdiv1が可視になり、checkbox2がtrueの場合はdiv2が可視になり、checkbox3がtrueの場合はdiv3が可視になります。

<div class="CheckBoxDiv ">
        <asp:CheckBox ID="checkBox1" runat="server"  />

    </div>
        <asp:CheckBox ID="checkBox2" runat="server"  />

    </div>        .
                  .
                  .

<asp:Button ID="buttonShowData" runat="server" Text="Show data" class="ShowDataButton"  />

<div id="div1" runat="server" visible="false">
               ......
</div>
<div id="div2" runat="server" visible="false">
               ......
</div>
                    .
                    .
4

1 に答える 1

3 
$("button").on('click', function () {
    $(":checkbox").each(function (idx) {
       if ($(this).is(":checked")) {
          $("div").eq(idx + 1).show();
       }
       else {
          $("div").eq(idx + 1).hide();
       }
    });
});

これにより、すべてのチェックボックスがオンになり、使用可能なすべてのdivから対応するdivが表示/非表示になります。より具体的なセレクターを使用する可能性が高くなります。

于 2012-12-14T17:22:19.220 に答える