22.12.2018

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

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

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

Пример #2:
 

<label for="click2" class="click2">Клик по мне</label>
<input id="click2" type="checkbox">
$('.click2').click(function() {
  if ($('#' + $(this).attr('for')).is(':checked')) {
    console.log('Чекбокс активен');
  } else {
    console.log('Чекбокс не активен');
  }
});

 

Поделиться: