Снятый флажок при установке всех флажков начальной загрузки

У меня есть следующий 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
person user3258974    schedule 21.10.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете использовать параметры checkbox, чтобы включить/отключить их все.

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

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

person Community    schedule 21.10.2014
comment
пожалуйста, проверьте stackoverflow.com/questions/32266101/ - person Vilas; 31.08.2015
comment
Это не работает для меня. Он говорит, что флажок не является функцией, есть идеи, что я делаю неправильно? - person KirstieBallance; 16.06.2018
comment
@KirstieBallance этот вопрос/ответ касался плагина начальной загрузки. В исходном сообщении есть решение о том, как это сделать в чистом jQuery $('input:checkbox').not(this).prop('checked', this.checked); - person ; 18.06.2018