javascript - Javascript选中/取消选中所有按钮以查看树状 View

我想要一个链接按钮，当按下该按钮时，将选中/取消选中树视图上的所有复选框。如何使用Javascript实现呢？

我研究并找到了此代码，但似乎无法使其正常工作。

function selectAllNone(value) {
        var tvNodes = document.getElementById("Treeview1");
        var chBoxes = tvNodes.getElementsByTagName("input");
        for (var i = 0; i < chBoxes.length; i++) {
            var chk = chBoxes[i];
            if (chk.type == "checkbox") {
                chk.checked = value;
            }
        }
        return false;
    }

最佳答案

我用一些HTML测试了您的功能，它确实起作用（我修改了按钮功能以切换所有复选框）

See JS Fiddle

function selectAllNone() {
var tvNodes = document.getElementById("trvMenu");
var chBoxes = tvNodes.getElementsByTagName("input");
for (var i = 0; i < chBoxes.length; i++) {
    var chk = chBoxes[i];
    if (chk.type == "checkbox") {
        if(chk.checked == true)
        {
            chk.checked = false;
        }
        else if(chk.checked == false)
        {
            chk.checked = true;
        }
    }
}
return false;
}

<form method="POST">
<div id="trvMenu">
    <input type="checkbox">check box 1</input><br>
    <input type="checkbox">check box 2</input><br>
    <input type="checkbox">check box 3</input><br>
    <input type="button" onclick="selectAllNone()">Toggle Check Boxes</input><br>
</div>
</form>

关于javascript - Javascript选中/取消选中所有按钮以查看树状 View ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27924937/