Javascript check/uncheck 树视图的所有按钮
Javascript check/uncheck all button for treeview
我想要一个链接按钮,按下时 checks/unchecks 树视图上的所有复选框。如何使用 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 测试了你的功能,它确实有效(我修改了按钮功能以切换所有复选框)
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>
我想要一个链接按钮,按下时 checks/unchecks 树视图上的所有复选框。如何使用 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 测试了你的功能,它确实有效(我修改了按钮功能以切换所有复选框)
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>