javascript - 当元素包含类时如何选中复选框？

Question

我不确定为什么这不起作用，正在寻找一些指导。基本上，我希望当 span 包含类“active”时选中该复选框，并希望当 span 不包含类“active”时不选中它”。

我的代码有什么问题吗？提前非常感谢您的帮助!

<span class="option" id="website-selector"></span>

<input type="checkbox" class="website_check" />


<script type="text/javascript">             
if ( $("#website-selector").hasClass("active") ) {
    $(".website_check").prop('checked', true);
}
else {
    $(".website_check").prop('checked', false);
}
</script>

Answer 1

尝试在 document.ready 中编写函数:

<script type="text/javascript">             

   $(document).ready(function(){  
   if ( $("#website-selector").hasClass("active") ) {
   $(".website_check").prop('checked', true);
  }
   else {
       $(".website_check").prop('checked', false);
  }
});
</script>