Question

我有一个带有以下复选框列表的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解决这个问题。

感谢

Answer 1

从下面的代码中，您将获得一个检查的checkBoxList的名称。

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

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

由于

Answer 2

您可以这样做：

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

Answer 3

试试这个jquery代码。

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

选中复选框列表中的一个项目应启用div和反之亦然

3 个答案: