选中复选框列表中的一项应启用 div，反之亦然答案

【问题标题】：one item from checkbox list checked should enable a div and viceversa选中复选框列表中的一项应启用 div，反之亦然
【发布时间】：2012-03-10 12:26:04
【问题描述】：

我有一个带有以下复选框列表的 div 标签

  <div id="checkboxDiv" class="checkboxDivclass">
                <table id="checkBoxList" runat="server">
                    <tbody>
                <tr>
                          <td><input id="checkBoxList_0" type="checkbox" name="checkBoxList0"></td>
                          <td><input id="checkBoxList_1" type="checkbox" name="checkBoxList1"></td>                             
                </tr>
                    </tbody>
            </table>
            </div>

还有一个带有以下 HTML 的 rssDiv

    <div id="rssDiv" runat="server" class="rssDivClass">
      Somecontent here
    </div>

因此，当您选择至少一个复选框项目时，应显示 rssDiv，如果未选中则应隐藏。

请帮帮我，我需要用 Jquery 解决这个问题。

谢谢

【问题讨论】：

标签： jquery asp.net

【解决方案1】：

你可以这样做：

$('#checkboxDiv #checkBoxList input:checkbox').click(function(){
   if($('#checkboxDiv #checkBoxList input:checked').size() > 0)
        $('div#rssDiv').show();
   else
        $('div#rssDiv').hide();
});

【讨论】：

【解决方案2】：

从下面的代码中你会得到一个被选中的 checkBoxList 的名字。

$("#checkBoxList").children("input:checked").map(function() {
return this.name;
});

在你可以根据它显示 rssDiv 之后。

谢谢

【讨论】：

【解决方案3】：

试试这个 jquery 代码。

 $(document).ready(function()
         $('input:checkbox').click(function() {
        if($('#checkBoxList_0').is(':checked')==true)
        {
             $('div#rssDiv').show();
        }
        else
        {
             $('div#rssDiv').hide();
        }
      });
});

【讨论】：