首页 新闻 会员 周边 捐助

jQuery复选框全选和不全选

0
[已解决问题] 解决于 2020-03-15 11:06


我点击湖南的时候,下面两个包括湖南全打钩
这是我的代码

    <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);
})
})

小白萝卜呀的主页 小白萝卜呀 | 初学一级 | 园豆:4
提问于:2020-03-15 10:46
< >
分享
最佳答案
1

首先这个HTML结构有问题,checkbox 不应该作为 ul 的直接子元素

$('input[type="checkbox"]').on('change',function(){
  $(this).next().find('input[type="checkbox"]').prop('checked', this.checked)
})

当一个 checkbox 的值发生变化的时候找到它下属的其它 checkbox 然后改变它们的值

奖励园豆:5
by.Genesis | 老鸟四级 |园豆:2824 | 2020-03-15 11:03

谢谢,可以了

小白萝卜呀 | 园豆:4 (初学一级) | 2020-03-15 11:06
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册