Question

我希望有一个链接按钮，当按下时检查/取消选中树视图上的所有复选框。我怎样才能通过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>

Javascript检查/取消选中树视图的所有按钮

1 个答案: