js怎么实现复选框树形菜单勾选父节点,子节点全部勾选。子节点勾选,父节点不勾选。 40
js怎么实现复选框树形菜单勾选父节点,子节点全部勾选。子节点勾选,父节点不勾选。注意子节点勾选,父节点不勾选。。。。使用的了XTree做的一个树形。数据都是数据库取。。谁...
js怎么实现复选框树形菜单勾选父节点,子节点全部勾选。子节点勾选,父节点不勾选。
注意子节点勾选,父节点不勾选。。。。
使用的了XTree做的一个树形。数据都是数据库取。 。谁知道XTree改下哪,能实现这需求 展开
注意子节点勾选,父节点不勾选。。。。
使用的了XTree做的一个树形。数据都是数据库取。 。谁知道XTree改下哪,能实现这需求 展开
5个回答
展开全部
思路就是:找出父节点的所有子节点的checked的属性设置成与父节点一致即可
我是利用jquery实现,看看是否符合你的要求
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#tree").treeview();
$("input[name='ids']").click(function(){
var checkedValue = this.checked;
$(this).parent("li").find("input[name='ids']").attr("checked",checkedValue);
});
})
</script>
<ul id='tree'>
<li>
<input type='checkbox' name='ids' id="test"/>
<span class='folder'>test1</span>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test11</span>
</li>
</ul>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test12</span>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test121</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
我是利用jquery实现,看看是否符合你的要求
<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../jquery.treeview.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$("#tree").treeview();
$("input[name='ids']").click(function(){
var checkedValue = this.checked;
$(this).parent("li").find("input[name='ids']").attr("checked",checkedValue);
});
})
</script>
<ul id='tree'>
<li>
<input type='checkbox' name='ids' id="test"/>
<span class='folder'>test1</span>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test11</span>
</li>
</ul>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test12</span>
<ul>
<li>
<input type='checkbox' name='ids' />
<span class='folder'>test121</span>
</li>
</ul>
</li>
</ul>
</li>
</ul>
展开全部
提供一种方案:
首先你要构建这个菜单的树结构,
每个菜单的节点对象至少有以一的属性和方法。
a) value 0 (未选取),1(选取)
b) parentNode ------- 父菜单节点对象
c) childNodes ------- 子菜单对象数组.
d) checkAllChilds() {
检查所以孩子,如果全部的子节点为false,则 this.value = false;
并调用父节点的checkAllChilds()方法.
e) onChange事件,
如果是前者的话比较容易,只要判断当前节点的childNodes是不是为空就可以了.
为空的时候,通过调用父节点的checkAllChilds(),将消息向上传递.直到父节点为空或者
或父节点为选中为止.
f) setChildValue 和 checkAllChilds同理,不过是向下进行消息传递.
首先你要构建这个菜单的树结构,
每个菜单的节点对象至少有以一的属性和方法。
a) value 0 (未选取),1(选取)
b) parentNode ------- 父菜单节点对象
c) childNodes ------- 子菜单对象数组.
d) checkAllChilds() {
检查所以孩子,如果全部的子节点为false,则 this.value = false;
并调用父节点的checkAllChilds()方法.
e) onChange事件,
如果是前者的话比较容易,只要判断当前节点的childNodes是不是为空就可以了.
为空的时候,通过调用父节点的checkAllChilds(),将消息向上传递.直到父节点为空或者
或父节点为选中为止.
f) setChildValue 和 checkAllChilds同理,不过是向下进行消息传递.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
首先说明每个class中存的值是它父节点的value值,还可以按此规律添加多级父子关系。举个一级父子关系的例子
<input type="checkbox" name="check" value="1" class="0" onClick="DoAllSubChecked(1,this)">文学);
<input type="checkbox" name="check" value="2" class="1" onClick="DoAllSubChecked(2,this)">三国);
<input type="checkbox" name="check" value="3" class="1" onClick="DoAllSubChecked(3,this)">西游);
<input type="checkbox" name="check" value="4" class="1" onClick="DoAllSubChecked(4,this)">红楼);
<input type="checkbox" name="check" value="5" class="1" onClick="DoAllSubChecked(5,this)">水浒);
function DoAllSubChecked(nb,parentCheck){
var AllInputTags = document.getElementsByTagName('input');
for(var i=0;i <AllInputTags.length;i++){
if(AllInputTags[i].name == 'check'){
if(AllInputTags[i].className == nb){
AllInputTags[i].checked = parentCheck.checked;
DoAllSubChecked(AllInputTags[i].value,AllInputTags[i]);
//上行的代码可以循环处理多级父子关系,如果只有一级父子关系,上行代码可以不要。
}
}
}
}
<input type="checkbox" name="check" value="1" class="0" onClick="DoAllSubChecked(1,this)">文学);
<input type="checkbox" name="check" value="2" class="1" onClick="DoAllSubChecked(2,this)">三国);
<input type="checkbox" name="check" value="3" class="1" onClick="DoAllSubChecked(3,this)">西游);
<input type="checkbox" name="check" value="4" class="1" onClick="DoAllSubChecked(4,this)">红楼);
<input type="checkbox" name="check" value="5" class="1" onClick="DoAllSubChecked(5,this)">水浒);
function DoAllSubChecked(nb,parentCheck){
var AllInputTags = document.getElementsByTagName('input');
for(var i=0;i <AllInputTags.length;i++){
if(AllInputTags[i].name == 'check'){
if(AllInputTags[i].className == nb){
AllInputTags[i].checked = parentCheck.checked;
DoAllSubChecked(AllInputTags[i].value,AllInputTags[i]);
//上行的代码可以循环处理多级父子关系,如果只有一级父子关系,上行代码可以不要。
}
}
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
其实你用java写程序 就必须有一个包来存放你写的程序
无论你是否借助eclipse 还是NetBeans 还是记事本
所以 朋友 如果你要把包去掉是不可能
这个java编译器要求的
所以 你不想要缺省包的话 可以自己建一个包
请参考
无论你是否借助eclipse 还是NetBeans 还是记事本
所以 朋友 如果你要把包去掉是不可能
这个java编译器要求的
所以 你不想要缺省包的话 可以自己建一个包
请参考
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
去不掉啊。
没办法,去掉你也不能用啊。
如果对您有帮助,请记得采纳为满意答案,谢谢!祝您生活愉快!
vaela
没办法,去掉你也不能用啊。
如果对您有帮助,请记得采纳为满意答案,谢谢!祝您生活愉快!
vaela
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询