javascript解决checked二次全选反选不显示勾的办法,注意不是jquery方法

在JavaScript中，解决checked属性二次全选反选不显示勾的问题，可以通过监听checkbox的点击事件，然后手动改变其checked状态。以下是一个简单的示例代码：

document.addEventListener('DOMContentLoaded', function() {
    var checkboxes = document.querySelectorAll('.checkbox');
    var masterCheckbox = document.getElementById('masterCheckbox');
 
    masterCheckbox.addEventListener('click', function() {
        var isChecked = masterCheckbox.checked;
        for (var i = 0; i < checkboxes.length; i++) {
            checkboxes[i].checked = isChecked;
        }
    });
 
    for (var i = 0; i < checkboxes.length; i++) {
        checkboxes[i].addEventListener('click', function() {
            var allChecked = true;
            for (var j = 0; j < checkboxes.length; j++) {
                if (!checkboxes[j].checked) {
                    allChecked = false;
                    break;
                }
            }
            masterCheckbox.checked = allChecked;
        });
    }
});

在这个示例中，我们有一个主checkbox（masterCheckbox）和多个子checkboxes（checkboxes）。当主checkbox被点击时，所有子checkboxes的状态会被切换。当任意一个子checkbox被点击时，主checkbox的状态会根据所有子checkboxes的状态更新。这样就避免了二次点击主checkbox时不显示勾的问题。