我想在标签标签上添加/删除类[重复]答案

【问题标题】：I want to add / remove class on lable tag [duplicate]我想在标签标签上添加/删除类[重复]
【发布时间】：2013-07-22 12:32:47
【问题描述】：

这是我的 Javascript 代码

$('.lable_item').click(function () {
   if (!$(this).hasClass('label_act')) {
       $(this).addClass('label_act');
   } else {
       $(this).removeClass('label_act');
   }

});

这是我的 HTML 内容

< div class="layout">
   <label class="lable_item">< input type="checkbox" />label< /label>
   <label class="lable_item label_act"><input type="checkbox" />label< /label>
   <label class="lable_item"><input type="checkbox" />label< /label>
</div>

我想在标签标签上添加/删除类。如果标签有“label_act”，那么它将被删除，否则添加类“label_act”

【问题讨论】：

也许可以试试toggleClass函数link
和 dharmesh.ajani 一样的作业？
@X.L.Ant 我会说同一个人的另一个帐户。这是完全相同的问题。
那就不用问第三遍了。

标签： jquery html

【解决方案1】：

如下更改javascript

$('.lable_item input[type="checkbox"]').click(function(){
        if(!$(this).is(':checked')){
           $(this).parent('.lable_item').addClass('label_act');
    }else{
           $(this).parent('.lable_item').removeClass('label_act');
    }
});

更改 HTML 如下所示。它正在工作。

<div class="layout">
   <label class="lable_item" for="c1"><input type="checkbox" id="c1" />label</label>
   <label class="lable_item label_act" for="c2"><input type="checkbox" id="c2" />label</label>
   <label class="lable_item" for="c3"><input type="checkbox" id="c3" />label</label>
</div>

【讨论】：

【解决方案2】：

toggleClass 在这里很有用。

$('.lable_item').click(function () {
     $(this).toggleClass('label_act'); 
 });

【讨论】：