Question

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

$(".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>

有没有人知道为什么课程不适用？

Answer 1

单击标签时将触发收音机的更改事件：

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

FIDDLE

Answer 2

你可以这样做：

$(".gallery ul li input").on('click', function () {
    $(this).parents('li').toggleClass('active').siblings().removeClass("active");
});

Demo

使用jQuery将类添加到li中

2 个答案: