我点击湖南的时候,下面两个包括湖南全打钩
这是我的代码
<link rel="stylesheet" href="https://static.runoob.com/assets/js/jquery-treeview/jquery.treeview.css" />
<link rel="stylesheet" href="https://static.runoob.com/assets/js/jquery-treeview/screen.css" />
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://static.runoob.com/assets/js/jquery-treeview/jquery.cookie.js"></script>
<script src="https://static.runoob.com/assets/js/jquery-treeview/jquery.treeview.js" type="text/javascript"></script>
<div id="d1"></div>
<ul id="browser" class="filetree treeview-famfamfam">
<input type="checkbox" name="ids" id="click" value="" />全选<li><span class="folder">中国</span>
<ul>
<input type="checkbox" name="ids" id="onclick" value="" /><li><span class="folder">湖南</span>
<ul>
<input type="checkbox" name="ids" id="" value="" /><li><span class="file">邵阳</span></li>
<input type="checkbox" name="ids" id="" value="" /><li><span class="file">长沙</span></li>
</ul>
</li>
<input type="checkbox" name="ids" id="" value="" /><li><span class="folder">湖北</span>
<ul>
<input type="checkbox" name="ids" id="" value="" /><li><span class="folder">孝感</span>
<input type="check1box" name="ids" id="" value="" /><x></x><li><span class="folder">武汉</span>
</ul>
$(document).ready(function(){
$("#browser").treeview({
})
$(document).ready(function(){
$("#click").on("click",function(){
$(":checkbox[name='ids']").prop("checked", this.checked);
})
})
首先这个HTML结构有问题,checkbox 不应该作为 ul 的直接子元素
$('input[type="checkbox"]').on('change',function(){
$(this).next().find('input[type="checkbox"]').prop('checked', this.checked)
})
当一个 checkbox 的值发生变化的时候找到它下属的其它 checkbox 然后改变它们的值
谢谢,可以了