Как добавить в массив только чекбоксы с checked?

276

03 августа 2017, 22:35

Привет Есть пустой массив var arr = [];

Есть множество чекбоксов с одинаковым классом( можно перебирать через цикл)

Вопрос мне надо что бы если чекбокс активный то он добавляется в массив, если нет он удаляется из массив. Мне важно что бы arr.length === количество активных чекбоксов. Событья происходит при клике на чекбоксы Вот код который следит за изменением, тут правда немного другой функционал

  $( 'input.sl-chb' ).on( 'click', function() {
  $( '#cityList' ).html( $('input:checked' ).val() );
  if(TextCity.innerHTML == 'Был выбран undefined'){
    TextCity.innerHTML = 'Выберите город';
  }
});

Тут отображается только один. Мне нужен массив для того что бы делать условия, мол если длина массива больше двух .html('Выбрано городов : ' + arr.length;)

Answer 1

что-то такое ?

$('input.sl-chb').on('click', function() { 
  $('#cityList').html($('input.sl-chb:checked').length); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
<input type="checkbox" class="sl-chb" /> 
 
<div id="cityList"></div>

Ваш массив в данном случаи это $('input.sl-chb:checked') то-есть просто выборка всех input:checked