jquery how to filter unchecked checkboxes from a form

Question

In my page, i do have no.of checkboxes in the form. in that i am making checked some of them, i need to filter rest of the checkboxes and need to add separet event on those. i do like this:

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..
            })

But not working.. any correct way to get this done pelase..?

Answer 1

Given that you know how to get the checkboxes in the first place, consider:

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

or:

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

Answer 2

You need to use :checked in the selector.

Try:

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

instead of

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