Question

所以我有这个HTML代码：

<div class="panel-radioimage">
<div class="radio-image-wrapper">
<label for="1"><img src="http://127.0.0.1/wordpress/wp-content/themes/bluestudio5/images/patterns/1.png" alt="image" class="admin-patterns">
<div class="check-list"></div></label>
<input class="farm_img_pattern" type="radio" name="farm_img_pattern" value="1.png" checked>
</div>

我在页面上有这些元素很少，并且我想在页面加载时检查输入时将类“checked-list”添加到类“check-list”。所以我尝试过以前使用点击事件：

 if(jQuery('.farm_img_pattern').is(':checked')){
        jQuery(this).parent().find(".check-list").addClass("checked-list");
    }

但它不起作用。问题在于“这个”任何人都知道在页面加载时获取已检查元素的解决方案吗？

Answer 1

我想你想要更像这样的东西：

jQuery('.farm_img_pattern').filter(':checked').each(function(index) {
    jQuery(this).parent().find(".check-list").addClass("checked-list");
});

Answer 2

在click事件中，this将是点击的元素。只需使用元素的选择器：

if(jQuery('.farm_img_pattern').is(':checked')){
  jQuery('.farm_img_pattern').parent().find(".check-list").addClass("checked-list");
}

如果选中了元素，则添加类，但在加载时不单击

2 个答案: