jquery - jquery如何从表单中过滤未选中的复选框

Question

在我的页面中，我的表单中确实没有复选框。因为我正在检查其中的一些，我需要过滤其余的复选框并需要在这些复选框上添加分隔事件。我喜欢这样：

var userLocales =   $('input[type="checkbox"]', "form").filter(function(){ 
                return $(this).val() === value["name"]
            }).prop("checked",true);

            $(userLocales).click(function(){
                $(this).parent().toggleClass("red");
            })

            $('input:checkbox:not("checked")', "form").not(userLocales).click(function(){
                $(this).parent().addClass("green"); //this is not working.. it works even for not selected elements..
            })

但不工作..任何正确的方法来完成这件事..？

Answer 1

鉴于您首先知道如何获取复选框，请考虑：

checkboxes$.filter(':checked')....

或者：

checkboxes$.filter(':not(:checked)')....

Answer 2

您需要:checked在选择器中使用。

尝试：

$('input:checkbox:not(":checked")', "form")

代替

$('input:checkbox:not("checked")', "form")

Answer 3

尝试这个，

$('input:checkbox:not(":checked")', "form").on('click',function(){
     $(this).parent().addClass("green");
});