Почему чекбоксы работают неправильно?

Question

[olegmorales13]

У меня есть чекбоксы:

<label><input type="checkbox"> 1  </label>					          
<label><input type="checkbox"> 2 </label>					          
<label><input type="checkbox"> 3  </label>				          
<label><input type="checkbox"> 4 </label>

На label стоит такой обработчик:

function(e) {
  if ($(this).find('input').prop('checked')) {
    $(this).find('input').prop('checked', false);
  } else {
    $(this).find('input').prop('checked', true);
  }
}

Почему-то при нажатии на label ЧЕКБОКС отмечается галочкой, а когда нажимаешь на сам чекбокс - ничего не происходит. К label привязан еще один обработчик, но не думаю, что он как-то мешает

Comments

[SagePtr]

Могу предположить, что состояние чекбокса меняется дважды: при нажатии на этот чекбокс и в вашем обработчике, в итоге он меняется обратно.

Answer 1

[Анатолий Медведев]

А зачем вам этот обработчик? При нажатии на лейбл связанный чекбокс автоматом отметиться и без него, а так это действие производится дважды (при нажатии на чекбокс) и ничего не происходит.

Comments

[olegmorales13]

Я убрал но не помогло. Сейчас по нажатию на чекбокс ничего не происходит. И когда на label нажимаю тоже ничего не происходит. Почему это может быть? Заранее спасибо

[Даниил Попов]

olegmorales13, https://jsfiddle.net/58v8eoy7/ все работает