jquery - 使用 jQuery 将类添加到 li

Question

我正在尝试将一个类添加到 <input type="radio" /> 的标签中使用 jQuery 在标签的单击事件上。

$(".gallery ul li input").each(function () {
    $(this).click(function () {
        var lblid = ".gallery ul li";
        var inplb = ".gallery ul li input";

        if ($(inplb).is(":checked")) {
            $(lblid).addClass('active');
        }
        else {
            $(lblid).removeClass('active');
        }
    });
});

和 html

<div class="gallery">
  <ul>
   <li><span></span><label for="slim1"><img  src="../boo/img/banks_03.png" alt="" /></label><input type="radio" id="slim1" name="slim1" /></li>
   <li><span></span><label for="slim2"><img src="../boo/img/banks_05.png" alt="" /></label><input type="radio" id="slim2" name="slim2" /></li>
  </ul>
</div>

有人知道为什么该类(class)不适用吗？

Answer 1

点击标签时会触发radio的change事件:

$(".gallery ul li input").on('change', function () {
    $(".gallery ul li").removeClass('active');
    $(this).closest('li').toggleClass('active', this.checked);
});

FIDDLE