Javascript 检查/取消选中 TreeView 的所有按钮

Question

我想要一个链接按钮，按下该按钮可以选中/取消选中 TreeView 上的所有复选框。我怎样才能用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;
    }

Answer 1

我用一些 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>