0

Есть div с массивом чекбоксов. Как мне узнать, по клику, который элемент я выбрал? Вот таким образом делаю

 $(".cities_list").on('click', function() {
            var ids = $( ".select_cities :checked" ).map(function () {
                return this.value;
            })
           console.log($ids)
    });

Таким образом получаю id массивом, он работает не корректно,первый элемент undefined, а второй уже выбранный id, или если отображает два id, то разных то одинаковых.

Все потому, что ищем по всему div`у. Можно каким-то другим способом узнать id конкретно "чекнутого" элемента? Что-то похожее mouseup - перехватить именно чекнутый один элемент, а не перебирать весь div??

2 ответа 2

1

Не очень понятно при чем тут ID, если вы, судя по коду, пытаетесь получить значение. Что вам нужно - разберетесь уже сами, но показываю, как получить и значение, и ID, и на всякий пожарный индекс элемента

var chbx = $('.cities_list :checkbox').on('change', function() {
  console.log('Value: ' + $(this).val() + '\n' + 'ID: ' + $(this).attr('id') + '\n' + 'Index: ' + chbx.index(this));
});
li {
  list-style: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="cities_list">
  <ul>
    <li>
      <input type="checkbox" id="c1" value="100">100</li>
    <li>
      <input type="checkbox" id="c2" value="200">200</li>
    <li>
      <input type="checkbox" id="c3" value="300">300</li>
  </ul>
</div>

P.S. Если важно, чтобы свойство элемента было "checked=true", то делать соответствующую проверку:

if ($(this).prop('checked')) {
    // Чекбокс отмечен
}
1

Повесить событие на сам checkbox:

$(".cities_list input[type='checkbox']").on('change', function() {
    console.log($(this).val());
    console.log($(this).attr('id'));
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.