带有图例标记的jquery事件

Question

我想通过使用onclick事件显示fieldset中的内容，我已经成功完成了这一操作，但内容包含多个复选框，当我点击其中一个复选框时，fieldset内的内容消失并且无法检查更多复选框。这是我的源代码。

<div> 
    <fieldset class="majorpoints"> 
    <legend class="majorpointslegend"><c:out value="${clist.key}" /></legend> 
    <div class="hiders" style="display:none" > 
    <table align=center border=1 width="50%"> 
    <tr style='background:#002232'> 
    <th><font color=#FFFFFF size="2"><b>Sr.No.</b></font></th> 
    <th><font color=#FFFFFF size="2"><b>USER NAME</b></font></th>           
<th><font color=#FFFFFF size="2"><b>SELECT</b></font></th>           
</tr> 
    <c:forEach items="${clist.value}" var="ltrate" varStatus="innerLoop"> 
    <tr>  
                    <td><c:out value="${innerLoop.index+1}"/></td>                             <td><c:out value="${ltrate.name}" /></td> 
                    <td><input type="checkbox" name="cllist_item" value="ltrate.linkID"></td> 

</tr> 
</c:forEach> 
                </table>          
</div> 
</fieldset> 
</div> 

jQuery代码： -

$('.majorpoints').click(function(){ 
    $(this).find('.hiders').toggle(); 
}); 

所以我不想点击复选框后消失内容我想保持这种稳定，当我点击图例即onclick事件只会消失特别是在传说中发生，如果有人有这方面的经验，那么请让我知道。

Answer 1

您正在为字段集编写onclick，而且复选框也是字段集的一部分，当您单击复选框时，由于事件而关闭字段集。写如下图例的图例。

$(document).ready(function(){ 
     $('.majorpointslegend').click(function(){ 
      $(".majorpoints").find('.hiders').toggle(); 
     }); 
    });