用js实现checkbox框的单选全选全不选

好的，以下是实现单选、全选、全不选的示例代码：

HTML部分：

<input type="checkbox" id="check-all">全选</br>
<input type="checkbox" name="subcheck" class="subcheck">选项1</br>
<input type="checkbox" name="subcheck" class="subcheck">选项2</br>
<input type="checkbox" name="subcheck" class="subcheck">选项3</br>

JS部分：

// 全选/全不选
document.getElementById("check-all").onclick = function() {
    var subchecks = document.getElementsByClassName("subcheck");
    for(var i = 0; i < subchecks.length; i++) {
        subchecks[i].checked = this.checked;
    }
};

// 单选
var subchecks = document.getElementsByClassName("subcheck");
for(var i = 0; i < subchecks.length; i++) {
    subchecks[i].onclick = function() {
        var check_all = document.getElementById("check-all");
        for(var j = 0; j < subchecks.length; j++) {
            if(!subchecks[j].checked) {
                check_all.checked = false;
                return;
            }
        }
        check_all.checked = true;
    }
}

以上代码中，首先通过 `getElementById` 方法获取全选的复选框元素，然后通过 `getElementsByClassName` 方法获取每个子复选框元素，并分别绑定 `onclick` 事件。

在全选/全不选的事件处理程序中，通过循环设置每个子复选框元素的 `checked` 属性是否选中，从而实现全选和全不选的功能。

在单选的事件处理程序中，通过循环判断每个子复选框元素是否选中，从而设置全选复选框元素的 `checked` 属性是否选中，实现单选的功能。