Получить состояние от флажка до div

Question

Мне нужно получить состояние от флажка до моего div. Див оборачивает флажок.

<div id="checkWrapper">
<input type="checkbox" />
</div>

Нечто подобное. И когда пользователь нажимает флажок, и он получает проверенное состояние, мне нужно было бы получить некоторый класс в #checkWrapper div. Класс может быть чем угодно, может быть что-то вроде «проверено».

Возможно ли это с помощью jquery? Это легко сделать?

Answer 1

$('#checkWrapper :checkbox').live('change', function(){
    $(this).parent().toggleClass('checked', this.checked);
});

Answer 2

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

$("#checkWrapper :checkbox").change(function() {
  $("#checkWrapper").toggleClass("checked", this.checked);
});

Это добавит класс checked, когда он был проверен, удалить его, когда это не так.Если вам нужно сделать это со многими элементами, используйте класс, такой как class="checkWrapper" с .closest(), например:

$(".checkWrapper :checkbox").change(function() {
  $(this).closest(".checkWrapper").toggleClass("checked", this.checked);
});