Блог о Web-дизайне, Блог - Определить checkbox:checked при клике на связанный label

Определить checkbox:checked при клике на связанный label

Определить checkbox:checked при клике на связанный label очень просто:

html

<label class="click">Клик по мне <input type="checkbox"></label>

javascript

$('.click').children('input[type="checkbox"]').change(function() {
  if ($(this).is(':checked')) {
    console.log('Чекбокс активен');
  } else {
    console.log('Чекбокс не активен');
  }
});

Пример #2:

html

<label for="click2" class="click2">Клик по мне</label>
<input id="click2" type="checkbox">

javascript

$('.click2').click(function() {
  if ($('#' + $(this).attr('for')).is(':checked')) {
    console.log('Чекбокс активен');
  } else {
    console.log('Чекбокс не активен');
  }
});