jQuery使用.each（）和.on（）对表中的复选框[重复]

Question

我正在尝试使其单击表行检查复选框，以及使用localStorage保存值，以便当页面刷新时，以前选中的复选框保持选中。

<script>

$("tr").each(function(e){
    $("input[type='checkbox']", this).each( function() {
        if (localStorage.getItem(this.value) == 'true') {
            $(this).prop("checked", true)};
    });
});

$("tr").on("click", function(e){
    $("input[type='checkbox']", this).each( function() {
        $(this).attr('checked', !$(this).attr('checked'));
        localStorage.setItem(this.value, this.checked);
    });
});

</script>

使用的版本:Bootstrap-4.5.2、JQuer-3.5.1.Slim

Answer 1

$(this).attr('checked')将始终返回一个字符串（请参见.attr)文档）。因此，对其执行！将始终导致false（除非它是空字符串，但在您的代码中这是不可能的）。

简化为

this.checked = !this.checked;