如果选中了复选框，我如何使用JQuery进行检查?如果选中了，我如何将类添加到父标签

Question

我想在加载页面时检查复选框是否为：checked如果为，则在标签中添加一个类。我目前有以下脚本，但它不起作用。

$(document).ready(function() {
$('input').is(':checked') {
$(this).parent('label').toggleClass('label--active');
});
});

我的HTML是：

<label class="container-checkbox" for="checkOne">
<span class="checkbox-label">Option one</span>
<input type="checkbox" id="checkOne">
<span class="checkmark"></span>
</label>

我无法更改DOM顺序，因为这些都是自定义复选框。

Answer 1

我想你可以使用这个：

$(document).ready(function() {
let checkboxone = document.getElementById('checkOne');
checkboxone.addEventListener('change',function() {
checkboxone.parentNode.classList.toggle('label--active');
});
});

工作怎么样？

每次单击复选框时，都会添加/删除类"label-active"。