当元素包含类时如何检查复选框？答案

【问题标题】：How do I check a checkbox when an element contains a class?当元素包含类时如何检查复选框？
【发布时间】：2014-06-23 02:49:57
【问题描述】：

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

我的代码有什么问题？非常感谢您的帮助！

<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>

【问题讨论】：

您的代码看起来非常好！脚本标签是否总是像示例中的元素一样位于元素下方？您确实意识到这仅在页面加载时运行，稍后添加该类没有任何作用？
工作正常：jsfiddle.net/LzMya

标签： javascript jquery class input field

【解决方案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>

【讨论】：