javascript - 无需单击或按任何键(复选框)即可添加事件类

Question

我希望复选框字段在选中时应将事件类添加到其标签中。我已经完成了所有操作，例如选中时它会向标签添加类，而当未选中时它不会添加事件类。

但是我的意思是当代码是

<label class="define--area--label"><input type="checkbox" checked ><label>

然后它不会将事件类添加到标签中。

这是我的代码

 $('.define--area--label > input').change(function() {
        if ($(this).is(':checked')) {
            $(this).parent().addClass('active');
        } else {
            $(this).parent().removeClass('active');
        }

    });

Full Example

Answer 1

我认为您必须在加载文档后通过 JavaScript 触发更改事件。

$(document).ready(function(){
   $('.define--area--label > input').change(function() {
        if ($(this).is(':checked')) {
            $(this).parent().addClass('active');
        } else {
            $(this).parent().removeClass('active');
        }

    });
   $('.define--area--label > input:checked').trigger('change');
})