2017-04-05 79 views
0

如何顯示或隱藏指定< div id="specified-div"></ div>,當點擊該< input type="checkbox" value="9" name="post_category[]" id="in-category-9" checked="checked" >如何顯示/隱藏metabox,如果點擊指定的類別

我需要展示#指定-DIV,當輸入被選中, 和當未檢查輸入時隱藏#specified-div。

如果它可以幫助,我使用wordpress和需要隱藏/顯示元框時點擊類別輸入複選框?

+0

?還有你試過的代碼是什麼?什麼是html結構? –

+0

我編輯,它現在好了 – ShahePars

+0

@ShahePars你還有問題嗎? –

回答

1

試試這個,它會在管理面板或前端使用.prop("checked"),看是否複選框被選中或未不

$('#in-category-9').on("change", function() { 
 
    if ($(this).prop("checked") == true) { 
 
    $("#specified-div").show() 
 
    } else { 
 
    $("#specified-div").hide() 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="specified-div">HIDE OR SHOW</div> 
 
<input type="checkbox" value="9" name="post_category[]" id="in-category-9" checked="checked">

+0

'toggle()'遠遠好於'hide()'和'show()' –

+0

確實如此,但是如果輸入沒有checked =「checked」,那麼它就會和他想要的相反。這就是爲什麼我包括顯示和隱藏以及道具檢查,以舉例說明如何也無效 –