Jquery将类添加到输入复选框字段

我想将一个类添加/删除到包含复选框的div中

我有80%的支持，但我不确定是否使用正确的语法来检查输入项是否被选中。因此，我可以添加或删除适当的类

基本上我知道它需要看起来像：

if("$thechecks #item-" + req).attr('checked') { 
   $("#item-" + req).addClass("item-select");
} else {
   $("#item-" + req).removeClass("item-select");
}

任何帮助/想法都将不胜感激

---

到目前为止，我对我的代码做了一点修改

//Javascript//

 $(document).ready(function () {
        $("#thechecks input[type='checkbox']").click(function () {
            var req = $(this).val();
            $("#item-" + req).addClass("item-select");
        });
    });

<div id="thechecks">

<div id="item-1">
<label><input name="element[]" type="checkbox" value="1" > One</label>
</div>

<div id="item-2">
<label><input name="element[]" type="checkbox" value="2" > Two </label>
</div>

</div>

//HTML//

 $(document).ready(function () {
        $("#thechecks input[type='checkbox']").click(function () {
            var req = $(this).val();
            $("#item-" + req).addClass("item-select");
        });
    });

<div id="thechecks">

<div id="item-1">
<label><input name="element[]" type="checkbox" value="1" > One</label>
</div>

<div id="item-2">
<label><input name="element[]" type="checkbox" value="2" > Two </label>
</div>

</div>

一个
两个

如果我正确理解您的问题，您可以使用

toggleClass（）

如果我正确理解您的问题，您可以使用
toggleClass（）


试试这个

$(document).ready(function () {
    $("#thechecks input[type='checkbox']").click(function () {
        var req = $(this).val();
        if($("#item-"+req).hasClass("item-select"))
        {
            $("#item-" + req).removeClass("item-select");
        } else {
            $("#item-" + req).addClass("item-select");
        }
    });
});


试试这个

$(document).ready(function () {
    $("#thechecks input[type='checkbox']").click(function () {
        var req = $(this).val();
        if($("#item-"+req).hasClass("item-select"))
        {
            $("#item-" + req).removeClass("item-select");
        } else {
            $("#item-" + req).addClass("item-select");
        }
    });
});


试试这个

使用
toggleClass
而不是
addClass

$(document).ready(function () {
    $("#thechecks input[type='checkbox']").click(function () {
        var req = $(this).val();
        $("#item-" + req).toggleClass("item-select");
    });
});

//  $("#item-" + req).addClass("item-select");
 $("#item-" + req).toggleClass("item-select");


试试这个

使用
toggleClass
而不是
addClass

$(document).ready(function () {
    $("#thechecks input[type='checkbox']").click(function () {
        var req = $(this).val();
        $("#item-" + req).toggleClass("item-select");
    });
});

//  $("#item-" + req).addClass("item-select");
 $("#item-" + req).toggleClass("item-select");

尝试jquery
最近的
和
切换类
：


$（函数（）{
$（'input[name^=element]'）。在（'change'，函数（e）{//input name以'element'开头`
e、 停止传播（）；
$（this.closest（'div[id^=item]'））.toggleClass（'check'，this.checked）；
}).trigger（'change'）；//页面加载时激发
});
。检查{
背景：天蓝色；
}
div[id^=项目]{
利润底部：3倍；
}

一个
两个
尝试jquery
最近的
和
切换类
：


$（函数（）{
$（'input[name^=element]'）。在（'change'，函数（e）{//input name以'element'开头`
e、 停止传播（）；
$（this.closest（'div[id^=item]'））.toggleClass（'check'，this.checked）；
}).trigger（'change'）；//页面加载时激发
});
。检查{
背景：天蓝色；
}
div[id^=项目]{
利润底部：3倍；
}

一个
两个

苹果
//前代码
//暗号

通过复选框向
添加/删除类
点击：


$（文档）.ready（函数（）{
$（'#复选框2'）。单击（函数（）{
$（'#wr'）。toggleClass（'on'）；
});
});

苹果
//前代码
//暗号

通过复选框向
添加/删除类
点击：


$（文档）.ready（函数（）{
$（'#复选框2'）。单击（函数（）{
$（'#wr'）。toggleClass（'on'）；
});
});
我不能接受（因为我需要等10分钟），不过谢谢。切换类是我所需要的！我不能接受（因为我需要等10分钟），不过谢谢你。切换类是我所需要的！