Bootstrap中jQuery无法选中复选框解决办法

问题症状

前段时间做了一个系统,为了能够很好的兼容移动端,我使用了一套基于Bootstrap的模版,但是发现,无法使用jQuery选中。

问题诊断

经过上网搜索,发现很多人有这个问题,很普遍,但是没有解决办法。类似的症状也蛮多的。
经过调试,发现Bootstrap有自己的一套选择的方式,是通过增加样式进行选中的。

解决办法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//全选/全不选
$("#checkAll").click(function () {
if ($(this).is(':checked') == true) { // 全选
$(":checkbox").each(function () {
$(this).prop("checked", true);
$(this).parent("span").addClass("checked");
});
}
else {
$(":checkbox").each(function () {
$(this).prop("checked", false);
$(this).parent("span").removeClass("checked");
});
}
});
坚持原创技术分享,您的支持将鼓励我继续创作!