Как переключать стили для меток, используя jquery

Question

У меня есть флажок.Я хочу изменить стиль элемента div, содержащего флажок, если флажок установлен.

<label for="ids">
       <div>
           <img src="img/87_1180.jpg">
           <h4>Name</h4>
           <input name="ids" id="ids" type="checkbox">
       </div>
</label>

Когда пользователь нажимает на ярлык, флажок устанавливается.Я хочу добавить класс, если флажок установлен.

Я ценю любую помощь.

Answer 1

$("#ids").click(function() {
    $(this).parent().toggleClass("yourClassName");
});

Answer 2

Josh

На самом деле обычно правильный способ использовать метку будет выглядеть примерно так:

<label for="ids">Name</label>
<input name="ids" id="ids" type="checkbox" />

Я не думаю, что это обычная практика - помещать ввод в метку в соответствии со стандартами W3C, см .:

http://www.w3.org/TR/html401/interact/forms.html#edef-LABEL

Хотя это может подтвердить правильность написанного вами кода, гораздо сложнее контролировать стиль.

Попробуйте этот код, чтобы изменить метку:

$("#ids").click(function() {
    $('label[for="' + $(this).attr('name') + '"]').toggleClass('myClass');
});