在按钮上，如果使用jquery选中的复选框为true，则单击“使div可见”

我有32个复选框（复选框1、复选框2、复选框3…复选框32）和32个div（div1、div2、div3…div32）以及一个asp:按钮

在单击按钮时，我需要使用JQuery使复选框1选中为真时div1可见，复选框2选中为真时div2可见，复选框3选中为真时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>
                    .
                    .

.
.
.
......
......
.
.

---

这将通过所有复选框，显示/隐藏所有可用div的对应div。您很可能希望使用更具体的选择器。

code/html，否则就不会出现这种情况。什么都没有。。我是jquery的新手…@爆炸Pills@Explosion药丸-我已经添加了代码。。

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