Javascript选中/取消选中treeview的所有按钮
我想有一个链接按钮,当按下时,选中/取消选中树视图上的所有复选框。如何使用Javascript实现这一点 我研究并发现了这个代码,但我似乎无法使它工作Javascript选中/取消选中treeview的所有按钮,javascript,asp.net,checkbox,treeview,Javascript,Asp.net,Checkbox,Treeview,我想有一个链接按钮,当按下时,选中/取消选中树视图上的所有复选框。如何使用Javascript实现这一点 我研究并发现了这个代码,但我似乎无法使它工作 function selectAllNone(value) { var tvNodes = document.getElementById("Treeview1"); var chBoxes = tvNodes.getElementsByTagName("input"); for (var i =
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;
}
函数选择AllNone(值){
var tvNodes=document.getElementById(“Treeview1”);
var chbox=tvNodes.getElementsByTagName(“输入”);
对于(变量i=0;i
我用一些HTML测试了你的函数,它确实有效(我修改了按钮函数以切换所有复选框)
函数selectAllNone(){
var tvNodes=document.getElementById(“trvMenu”);
var chbox=tvNodes.getElementsByTagName(“输入”);
对于(变量i=0;i
复选框2
复选框3
切换复选框
您看到了哪些错误?您可以共享HTML吗?值显示为未定义<代码>很好,它在@angrybirdnut运行,只需将getElementById更改为getElementById(“”);但是,如果你能再次帮助我,我希望它选中所有复选框,即使选中了一个复选框,也只在选中所有复选框时将其全部关闭。你能帮我吗?@Mikeferr我为复选框功能添加了一个函数。看看这个JSFIDLE:谢谢你的帮助@angrybirdnut,但我想我解释得不对。我想要的是,如果一个人选中一个或两个复选框,然后单击全选按钮,它将选中所有复选框。如果选择了“全部”,并且该人员单击按钮,则会取消选择全部。希望我能说清楚。再次感谢您的帮助。@Mikeferr如果我这次理解正确的话……1)如果没有选中任何复选框,那么单击“全选按钮”将不会产生任何结果。2) 如果至少选中了一个复选框,则单击“全选”将选中所有复选框。3) 如果选中了所有复选框,则单击“全选”将清除所有复选框。这就是我在所附代码中实现的:2)和3)都是正确的,工作得很好。但在1)中,它应导致所有选中的。你能帮我吗?抱歉给你添麻烦了。
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>