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

Question

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

我80%在那里,但我不确定正确的语法来查看输入项是选中还是未选中.所以我可以添加或删除适当的类.

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

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

任何帮助/想法将非常感激.

---

到目前为止,我做了一个小代码.

http://jsfiddle.net/brandrally/vc5wgpk2/

// Javascript //

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

// HTML //

<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>

Answer 1

如果我理解你的问题,你可以使用 toggleClass()

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

小提琴