// HTML部分

<input type="checkbox" id="selectAll">全选/取消全选

<br>

<input type="checkbox" class="itemCheckbox">选项1

<br>

<input type="checkbox" class="itemCheckbox">选项2

<br>

<input type="checkbox" class="itemCheckbox">选项3

... //其他选项

<script type="text/javascript">

// Javascript部分

var selectAll = document.getElementById("selectAll");

var itemCheckboxes = document.getElementsByClassName("itemCheckbox");

function toggleselect() {

for (var i = 0; i < itemCheckboxes.length; i++) {

itemCheckboxes[i].checked = !itemCheckboxes[i].checked;

}

}

selectAll.addEventListener('change', function () {

if(this.checked) {

toggleselect();

} else {

for (var i = 0; i < itemCheckboxes.length; i++) {

itemCheckboxes[i].checked = false;

}

}

});

</script>