Jquery 选中复选框列表中的一项应启用div,反之亦然

Jquery 选中复选框列表中的一项应启用div,反之亦然,jquery,asp.net,Jquery,Asp.net,我有一个带有以下复选框列表的div标签 <div id="checkboxDiv" class="checkboxDivclass"> <table id="checkBoxList" runat="server"> <tbody> <tr> <td><input id="

我有一个带有以下复选框列表的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>

这里有些内容
因此,当您选择至少一个复选框项select时,应显示rssDiv,如果未选中任何复选框,则应将其隐藏

请帮助我,我需要用Jquery解决这个问题


谢谢

从下面的代码中,您将获得选中的复选框列表的名称

$("#checkBoxList").children("input:checked").map(function() {
return this.name;
});
之后,您就可以基于此显示rssDiv


谢谢

从下面的代码中,您将获得选中的复选框列表的名称

$("#checkBoxList").children("input:checked").map(function() {
return this.name;
});
之后,您就可以基于此显示rssDiv

谢谢

您只需执行以下操作:

$('#checkboxDiv #checkBoxList input:checkbox').click(function(){
   if($('#checkboxDiv #checkBoxList input:checked').size() > 0)
        $('div#rssDiv').show();
   else
        $('div#rssDiv').hide();
});
您可以简单地执行以下操作:

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

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

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