0

id="is_custom_colour" のチェックボックスである Wordpress オプションがあります。

このチェック ボックスをオンにすると、非表示のオプションが表示されます。

チェックボックスがクリックされたときに機能するコードがありますが、オプション「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>

うまくいきません。

4

1 に答える 1

2

.is(':checked')チェックボックスがチェックされているかどうかを確認するために、使用してみてください

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-09T04:53:22.083 に答える