您的位置:首页 > Web前端 > BootStrap

Bootstrap,解决checkbox的全选和反选失败的问题

2017-03-01 10:42 399 查看
参考文章:https://my.oschina.net/deepSprings/blog/389068?p=1

用bootstrap库,当checkbox的全选和反选时,失败。按浏览器f12,对着checkbox右键选择查看元素源码,发现前端代码解析的时候自动多了span,而且div也多了class=“checker”, (有的人的class显示为checked),所以导致了选择不上。

解决办法:

//获取当前modal下所有的checkbox

        $('input[type="checkbox"]','#myModal').each(function(){

            $(this).attr('checked',true);

            $(this).parents('.checker').find('span').addClass('checked');

            

        });

总结:也就是先获取当前标签的父标签,再回到span标签,添加checked
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端