本文介绍如何使用JavaScript实现树形结构数据的全选和反选功能，适用于前端Web开发中常见的多级选择场景。通过遍历树形节点并设置选中状态，可以有效地控制整个树的选中状态。
1.js代码:
<script language="javascript">
//选中全选按钮，下面的checkbox全部选中
var selAll = document.getElementById("selAll");
function selectAll()
{
var v = "";
var dd="";
var obj = document.getElementsByName("loPageIds");
if(document.getElementById("selAll").checked == false)
{
for(var i=0; i<obj.length; i++)
{
obj[i].checked=false;
}
}else
{
for(var i=0; i<obj.length; i++)
{
if(obj[i].disabled == true) {
obj[i].checked=false;
}else{
obj[i].checked=true;
v = v + obj[i].id + ",";
dd=dd+obj[i].value + ",";
}
}
}
if (v.length > 0) {
v = v.substring(v.indexOf(",")+1, v.length - 1);
}
if (dd.length > 0) {
dd =dd.substring(dd.indexOf(",")+1, dd.length - 1);
}
document.getElementById("loPageNames").value = v;
document.getElementById("loPageIDs").value = dd;
}
</script>
2.调用
......
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
