Jquery, если флажок установлен, то скрыть родительский ли

Question

Я пытаюсь сделать так, чтобы при загрузке страницы была отмечена галочка, тогда он будет скрывать окружающий ли.

<ul class="packages">

  <li class="wrap">
       <input type="checkbox" checked="checked">
  </li>

   <li class="wrap">
       <input type="checkbox">
  </li>

</ul>

<button onclick="runCode()">Button</button>

<script>
function runCode(){
           if ($('.packages input').attr('checked')) {
           $(this).parent().hide();
    }
}
</script>

Спасибо.

Answer 1

<ul class="packages">

  <li class="wrap" style="display: none;">
       <input type="checkbox" checked="checked">
  </li>

   <li class="wrap">
       <input type="checkbox">
  </li>

</ul>
<button id="button-cl">Button</button>




$('#button-cl').on('click', function(e){
    $( "input:checked" ).parent().hide();

})

Answer 2

Может быть, вы могли бы упростить это до:

$('.packages input').is(':checked').parent().hide();