Почему 2 раза срабатывает?

Question

[Сергей Константинов]

Я что то не понимаю как это работает, почему 2 раза в консоли пишется 22222 и класс сразу проставляется и убирается за один клик. nohaga.ru

jQuery( document ).ready(function() {
jQuery('.wpcf7-checkbox label').on('click', function() {console.log('22222');
	if (jQuery(this).hasClass('checked')){jQuery(this).removeClass('checked');} else
		{jQuery(this).addClass('checked');}
});
});

Answer 1

[Евгений Самойленко]

Потому что Всплытие событий
Вот так будет 1 раз:

jQuery( document ).ready(function() {
jQuery('.wpcf7-checkbox label').on('click', function(evt) {
evt.stopPropagation();
evt.preventDefault();
console.log('22222');
  if (jQuery(this).hasClass('checked')){jQuery(this).removeClass('checked');} else
    {jQuery(this).addClass('checked');}
});
});

Comments

[Сергей Константинов]

только из за evt.preventDefault(); не срабатывает input checkbox внутри label
отмечаю через jquery