javascript - 关于input checkbox 选中问题
高洛峰
高洛峰 2017-04-11 13:27:47
[JavaScript讨论组]

想实现的是选中系统设置后,下面的子项都选中。

js是这样写的:点击label,跟label对应的checkbox选中,然后通过样式让label打上勾


变成这样:

现在是选中了,但是对应的子项的勾没选中,反之则选中,请高手帮我看下这是什么原因,谢谢!

html:

                    
                    
                

js:
$('body').on('click','.privlist-grandparent',function(){

    console.log($(this).siblings().prop("checked")); //返回false
    if($(this).siblings().prop("checked")) {
        $(this).parent().siblings().find('input[type="checkbox"]').prop('checked',true);
    } else {
        $(this).parent().siblings().find('input[type="checkbox"]').prop('checked',false);
    }

})
高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(4)
巴扎黑

子项是指公司管理 添加 编辑这些??

ringa_lee
$('body').on('click','.privlist-grandparent',function(){
    var $this = $(this);
    var flag = $this.prev().prop('checked');
    console.log(falg); //返回false
    $this.parent().siblings().find('input[type="checkbox"]').prop('checked',flag);
})
高洛峰

你提供的html布局不全,只是看到部分而已

阿神

那么,什么时候使用attr(),什么时候使用prop()?
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号