Как проверить выделен ли чекбокс, а затем добавить класс к родителю блока?

Question

[cjkfdt]

Код HTML:

<div class="row">
        <div class="punkt"><span>Раскрыть</span></div>
        <div class="podpunkt">
        <label class="checkbox"><input type="checkbox"/>Галочка 1</label>
        <label class="checkbox"><input type="checkbox"/>Галочка 2</label>
        <label class="checkbox"><input type="checkbox"/>Галочка 3</label>
        </div>
</div>

Как сделать так, чтобы при нажатии на div.podpunkt происходила проверка :checked к каждому чекбоксу в этом же блоке podpunkt через (this), и если хотя бы один чекбокс нажат, то добавлять класс к div.row? Если никакой не нажат, то убирать этот класс. Jquery. Спасибо.

Answer 1

[Евгений Меркушев]

$('.podpunkt').click(function(){

	var $row = $(this).parents('.row').eq(0);
  
	if ($(this).find('input[type="checkbox"]:checked').length) {
		$row.addClass('some-class');
	} else {
		$row.removeClass('some-class');
	}
});