gpt4 book ai didi

javascript - 需要通过树扩展禁用选定模式的特定复选框

转载 作者:太空宇宙 更新时间:2023-11-04 13:56:00 24 4
gpt4 key购买 nike

我有复选框 TreeView ,我需要用选定模式禁用前两个复选框。我可以在 checkedreadonly 属性的帮助下做到这一点,但我可以取消选中复选框,这不是我的要求。

注意:即使我尝试使用 checkeddisable 属性,如果我使用 disable,它也会折叠其子节点。

如何修复它。

JsFiddle:http://jsfiddle.net/uU82C/14/

我的尝试代码:

checkedreadonly

var completeTreeView ="<div id='treeview-id' class='css-treeview'><ul><li><input type='checkbox' id=GrandParent checked readonly/><label1 for='item-0'>Grand Parent</label1><ul><li><input type='checkbox' id='parent' checked readonly/><label2 for='item-0'>parent</label2>";

选中禁用

var completeTreeView ="<div id='treeview-id' class='css-treeview'><ul><li><input type='checkbox' id=GrandParent checked disable/><label1 for='item-0'>Grand Parent</label1><ul><li><input type='checkbox' id='parent' checked disable/><label2 for='item-0'>parent</label2>";

请帮忙解决这个问题。

最佳答案

我在这里为您修改了示例。希望对您有所帮助。谢谢。

<!DOCTYPE HTML>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function() {
$('input[name="level-1"],input[name="level-2"]').bind('click', function () {
$('input[type=checkbox]', $(this).parent('li')).attr('checked', ($(this).is(':checked')));
});

$('input[name="level-1"],input[name="level-2"]').change(function(e) {
$(e.target).prop({disabled:true});
});

$('input[name="level-1"],input[name="level-2"]').trigger('change');

});
</script>
</head>
<body>
<ul>
<li>
<input type="checkbox" name="level-1">Grand Parent</input>
<ul>
<li>
<input type="checkbox" name="level-2">parent</input>
<ul>
<li>
<input type="checkbox" name="level-3">child 1</input>
</li>
<li>
<input type="checkbox" name="level-3">child 2</input>
</li>
<li>
<input type="checkbox" name="level-3">child 3</input>
</li>
<li>
<input type="checkbox" name="level-3">Level 3</input>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>

Demo

关于javascript - 需要通过树扩展禁用选定模式的特定复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21872889/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com