检查所有复选框时取消选中复选框引导程序答案

【问题标题】：Unchecked checkbox when check all checkboxs bootstrap检查所有复选框时取消选中复选框引导程序
【发布时间】：2014-10-21 17:20:27
【问题描述】：

我有下一个 HTML 代码：

          <div class="form-group">
              <div class="col-sm-12 divider">
                <br><label><input type="checkbox" class="checkbox selectAll" value="">Select All</label>
              </div>
          </div>
          <div class="form-group">
              <div class="col-sm-12 ">
                <label><input type="checkbox" class="checkbox" value="">CHS Informed Consent Form</label>
              </div>
              <hr/>
              <div class="col-sm-12">
                <label><input type="checkbox" class="checkbox" value="">Order Sets</label>
              </div>
              <div class="col-sm-12">
                <label><input type="checkbox" class="checkbox" value="">Carboplatin Teaching Sheet</label>
              </div>
              <div class="col-sm-12">
                <label><input type="checkbox" class="checkbox" value="">Bevacizumab Teaching Sheet</label>
              </div>
              <div class="col-sm-12">
                <label><input type="checkbox" class="checkbox" value="">CHS Specialty Pharmacy Sheet</label>
              </div>
              <div class="col-sm-12">
                <label><input type="checkbox" class="checkbox" value="">Calendar</label>
              </div>
              <div class="col-sm-12">
                <label><input type="checkbox" class="checkbox" value="">Healthcare Provider Contact Form</label>
              </div>
          </div>
          <div class="form-group">
              <div class="col-sm-12">
              <button type="submit" class="btn btn-default submit">Generate Super Pack</button>
            </div>
          </div>

        </form>

还有下一个jquery代码：

这会切换样式

$('.checkbox').checkbox({
    buttonStyle: 'btn-link',
    buttonStyleChecked: 'btn-inverse',
    uncheckedClass: 'icon-check-empty',
    checkedClass: 'btn-inverse'
});

如果我想选中我使用的所有框：

$(".selectAll").click(function () {
    $('input:checkbox').not(this).prop('checked', this.checked);
});

但我的问题是，当我选择了一个或多个项目然后我选择选择所有已选中的项目时，都未选中。我正在使用 bootstrap-checkbox.js
但我不知道如何解决这个问题。

有什么想法吗？

谢谢。

【问题讨论】：

标签： javascript jquery twitter-bootstrap onselect

【解决方案1】：

您可以使用checkbox 选项来启用/禁用它们

$('input:checkbox').not(this).checkbox({checked: this.checked});

http://jsfiddle.net/D2RLR/7108/

【讨论】：

请查看stackoverflow.com/questions/32266101/…
这对我不起作用。它说“复选框不是功能”知道我做错了什么吗？
@KirstieBallance 这个问题/答案是关于引导插件的。原帖有关于如何在纯 jQuery $('input:checkbox').not(this).prop('checked', this.checked); 中执行此操作的解决方案