2016-11-25 41 views
-4

我想通過使用onclick事件顯示fieldset中的內容,我已經成功完成了這一操作,但內容包含多個複選框,當我點擊其中一個複選框時,fieldset內的內容消失並且無法檢查更多複選框。這是我的源代碼。帶有圖例標記的jquery事件

<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事件只會消失特別是在傳說中發生,如果有人有這方面的經驗,那麼請讓我知道。

+1

請顯示「* [MCVE] *」代碼,以便我們可以重現您的問題並演示如何解決它。 –

+0

你的代碼在哪裏 – Mahi

+0

提供一些源代碼... – bodi0

回答

1

您正在爲字段集編寫onclick,而且複選框也是字段集的一部分,當您單擊複選框時,由於事件而關閉字段集。寫如下圖例的圖例。

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