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
用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
相关文章推荐
- jquery checkbox 全选反选,解决第二次失败的问题
- js解决checkbox全选和反选的问题
- 【转】Android 带checkbox的listView 实现多选,全选,反选----解决checkbox错位问题
- 解决jquery操作checkbox全选全不选无法勾选问题
- wpf中使用mvvm,解决checkbox全选问题
- DataGridView里的Checkbox全选问题解决了!
- Flask-Bootstrap安装失败问题解决
- asp:DataGrid之添加asp:CheckBox做全选功能时涉及到绑值问题解决
- 多个jquery.datatable共存,checkbox全选异常问题的解决
- Jquery操作checkbox全选、反选失效的问题解决
- 解决jquery操作checkbox全选全不选无法勾选问题
- 解决jquery操作checkbox全选全不选无法勾选问题
- 解决checkbox全选之后取消全选,再次全选无效问题
- DataGridView里的Checkbox全选问题解决了!
- 遇到的一个html控件checkbox全选反选问题后台取值问题
- android完美解决ListView中CheckBox的全选、反选、批量删除的问题
- 解决jquery操作checkbox全选全不选无法勾选问题
- checkbox一句话解决全选和全不选的问题
- checkbox解决全选反选的问题
- DWZ框架checkbox全选功能失败的解决方法