用js简单编写一个在页面实现全选和全不选的效果，用户勾选全选时，能够将所列书全部选中，全选前的复选框不选中，所列书也不选中

好的，以下是实现全选和全不选效果的简单代码：

HTML部分：

<label>
    <input type="checkbox" id="selectAll"> 全选
</label>
<ul>
    <li><label><input type="checkbox" class="book"> 大学英语</label></li>
    <li><label><input type="checkbox" class="book"> 高等数学</label></li>
    <li><label><input type="checkbox" class="book"> 数据结构</label></li>
    <li><label><input type="checkbox" class="book"> 计算机网络</label></li>
</ul>

JavaScript部分：

var selectAll = document.querySelector("#selectAll");
var books = document.querySelectorAll(".book");

selectAll.addEventListener("change", function() {
    for (var i = 0; i < books.length; i++) {
        books[i].checked = this.checked;
    }
});

for (var i = 0; i < books.length; i++) {
    books[i].addEventListener("change", function() {
        var allChecked = true;
        for (var j = 0; j < books.length; j++) {
            if (!books[j].checked) {
                allChecked = false;
                break;
            }
        }
        selectAll.checked = allChecked;
    });
}

以上代码实现了当用户勾选全选时，将所有书都选中；当用户去勾选某一本书时，全选的复选框也会更新状态。