檢查複選框時調用的函數

我有一個Wordpress選項，它是一個複選框，id =「is_custom_colour」。檢查複選框時調用的函數

當這個複選框被選中時，我想隱藏一個選項來顯示。

我有代碼，當點擊複選框，但如果選項「is_custom_colour」已被選中，則失敗。您必須單擊它（取消選中它）才能顯示隱藏的選項。

這是原來的代碼工作正常，但並不功能理想（custom_colour是隱藏的選項的ID）：

<script type="text/javascript"> 
jQuery(document).ready(function($) { 

    $('#is_custom_colour').click(function() { 
     $('#section-custom_colour').fadeToggle(400); 
    }); 

    if ($('#is_custom_colour:checked').val() !== undefined) { 
     $('#section-custom_colour_hidden').show(); 
    } 

}); 
</script>

如果我改變了對

<script type="text/javascript"> 
jQuery(document).ready(function($) { 

    if ($('#is_custom_colour:checked').val() !== undefined) { 
     $('#section-custom_colour').fadeToggle(400); 
    }); 

    if ($('#is_custom_colour:checked').val() !== undefined) { 
     $('#section-custom_colour_hidden').show(); 
    } 

}); 
</script>

一點也沒有」工作。

來源

2013-01-09 Steve

嘗試使用，檢查複選框是否被選中

jQuery(document).ready(function($){ 
    if($('#is_custom_colour').is(':checked')){ 
     $('#section-custom_colour_hidden').show(); 
    } 
}); 


<form id="form1" name="form1" method="post" action=""> 
    <label> 
     <input name="checkbox" type="checkbox" id="is_custom_colour" value="checkbox" checked="checked" /> 
     Checkbox</label> 
</form> 
<div id="section-custom_colour_hidden" style="display:none">HIDDEN AREA</div>

來源

2013-01-09 04:53:22 Swarne27

謝謝Swarnajith – Steve

歡迎您@Steve – Swarne27

我現在有一個問題。 is_custom_colour設置爲true。因此，現在應該顯示隱藏的custom_colour選項。但是當我重新加載Wordpress主題選項頁面時，它不顯示。我必須點擊is_custom_colour複選框（**取消選擇**）才能顯示custom_colour選項。這是相反的意圖。當頁面第一次加載時，檢查複選框是否被選中。 – Steve

檢查複選框時調用的函數

回答

相關問題