Question

I have a div tag with following checkbox list

  <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>

And a rssDiv with the following HTML

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

So when you select at least one checkbox item select then rssDiv should be displayed, if none is checked then it should be hide.

Please help me, I need to solve this with Jquery.

THanks

Answer 1

You can simply do:

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