如果仅检查其子节点中的一个,如何使树视图中的父节点被选中,如果所有子节点也未选中,则如何取消选中
How to make parent node in treeview checked if only one from its child nodes checked , and unchecked if all child nodes unchecked too
如何在 treeview 中检查父节点,如果只有一个子节点被选中,如果所有子节点都未选中,则不选中。
我正在使用这个脚本
<script type="text/javascript">
$(function () {
$(".MyTreeView").find(":checkbox").change(function () {
//check or uncheck childs
var nextele = $(this).closest("table").next()[0];
if (nextele&&nextele.tagName == "DIV")
{
$(nextele).find(":checkbox").prop("checked", $(this).prop("checked"));
}
//check nodes all with the recursive method
CheckChildNodes($(".MyTreeView").find(":checkbox").first());
});
//method check filial nodes
function CheckChildNodes(Parentnode)
{
var nextele = $(Parentnode).closest("table").next()[0];
if (nextele && nextele.tagName == "DIV") {
$(nextele).find(":checkbox").each(function () {
CheckChildNodes($(this));
});
if ($(nextele).find("input:checked").length == 0) {
$(Parentnode).removeAttr("checked");
}
if ($(nextele).find("input:checked").length > 0) {
$(Parentnode).prop("checked", "checked");
}
}
else { return; }
}
})
</script>
但它只适用于第一个节点,我想将它应用于所有其他节点。
这是我的测试页面 link
http://72.41.52.131/erp/Default4.aspx
我的问题解决了
我使用了这个答案并且效果很好
[child nodes in treeview control automatically checked when parent node checked
谢谢
如何在 treeview 中检查父节点,如果只有一个子节点被选中,如果所有子节点都未选中,则不选中。
我正在使用这个脚本
<script type="text/javascript">
$(function () {
$(".MyTreeView").find(":checkbox").change(function () {
//check or uncheck childs
var nextele = $(this).closest("table").next()[0];
if (nextele&&nextele.tagName == "DIV")
{
$(nextele).find(":checkbox").prop("checked", $(this).prop("checked"));
}
//check nodes all with the recursive method
CheckChildNodes($(".MyTreeView").find(":checkbox").first());
});
//method check filial nodes
function CheckChildNodes(Parentnode)
{
var nextele = $(Parentnode).closest("table").next()[0];
if (nextele && nextele.tagName == "DIV") {
$(nextele).find(":checkbox").each(function () {
CheckChildNodes($(this));
});
if ($(nextele).find("input:checked").length == 0) {
$(Parentnode).removeAttr("checked");
}
if ($(nextele).find("input:checked").length > 0) {
$(Parentnode).prop("checked", "checked");
}
}
else { return; }
}
})
</script>
但它只适用于第一个节点,我想将它应用于所有其他节点。 这是我的测试页面 link http://72.41.52.131/erp/Default4.aspx
我的问题解决了 我使用了这个答案并且效果很好 [child nodes in treeview control automatically checked when parent node checked
谢谢