jQuery如果选中复选框来切换类

时间:2014-08-24 15:28:17

标签: javascript jquery html

我需要更改我的jQuery代码。而不是标签切换类和显示图标我需要它,如果复选框被选中显示切换这些类。我尝试了propis,但我无法让它们正常工作。更改的原因是我想将数据预加载到表单中,如果要检查这些切换,则需要反映该更改。

http://jsfiddle.net/70fbLooL/2/

修改

似乎对我正在尝试做的事情感到困惑。我提供的小提琴完美无缺。问题是,如果我想从服务器端调用表单并预先填充表单,则复选框切换不会显示它们已被选中,因为它基于clicked函数。如果复选框等于true或已选中,我需要它。这样,如果从服务器端调用的值等于true,它将切换这些类并看起来像它被检查。

2 个答案:

答案 0 :(得分:0)

以下是适合您的代码:

$(".companyCheckBox").click(function () {
    if($(this).is(':checked')){
       $(this).find(".fa-check").toggle();
       $(this).toggleClass("companyLabelBackground");
    }
});

就是这样。

答案 1 :(得分:0)

试试这个

$(".companyCheckBox").click(function () {
     var obj = $(this).prev('.companyLabel');
     if($(this).is(':checked')){
         $(obj).find(".fa-check").toggle();
         $(obj).toggleClass("companyLabelBackground");
     }
});