0

次の 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);
});

しかし、私の問題は、1つ以上のアイテムを選択してから選択すると、チェックされたすべてのアイテムがチェックされなくなります。私はbootstrap-checkbox.jsを使用し
ていますが、問題を解決する方法がわかりません。

何か案が？

ありがとうございました。

4

1 に答える 1

2

checkboxオプションを使用して、それらすべてを有効/無効にすることができます

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

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

于 2014-10-21T17:49:44.623 に答える