[英]Unchecked checkbox when check all checkboxs bootstrap
我有下一個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
但是我不知道如何解決問題。
任何想法?
謝謝。
您可以使用checkbox
選項來啟用/禁用所有選項
$('input:checkbox').not(this).checkbox({checked: this.checked});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.