Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Find all unchecked checkboxes in jQuery

People also ask

Is unchecked checkbox jQuery?

For jQuery < 1.6: prop() method. An element is considered checked as long as it has the attribute of checked even if it has no value or the value is like 'false' or whatever. So $('#myCheckbox'). attr('checked', false); won't uncheck, you need $('#myCheckbox').

How do I uncheck all checkboxes?

Click event on Checkbox with class='checkbox'Check total checkbox is equal to total checked checkboxes. If it is equal then set check all checkbox checked otherwise unchecked.

How can check checkbox is dynamic in jQuery?

Answer: Use the jQuery prop() method You can use the jQuery prop() method to check or uncheck a checkbox dynamically such as on click of button or an hyperlink etc. The prop() method require jQuery 1.6 and above.


As the error message states, jQuery does not include a :unchecked selector.
Instead, you need to invert the :checked selector:

$("input:checkbox:not(:checked)")

$("input:checkbox:not(:checked)") Will get you the unchecked boxes.


Also it can be achieved with pure js in such a way:

var matches = document.querySelectorAll('input[type="checkbox"]:not(:checked)');

You can do so by extending jQuerys functionality. This will shorten the amount of text you have to write for the selector.

$.extend($.expr[':'], {
        unchecked: function (obj) {
            return ((obj.type == 'checkbox' || obj.type == 'radio') && !$(obj).is(':checked'));
        }
    }
);

You can then use $("input:unchecked") to get all checkboxes and radio buttons that are checked.


$("input[type='checkbox']:not(:checked):not('\#chkAll\')").map(function () { 
   var a = ""; 
   if (this.name != "chkAll") { 
      a = this.name + "|off"; 
   } 
   return a; 
}).get().join();

This will retrieve all unchecked checkboxes and exclude the "chkAll" checkbox that I use to check|uncheck all checkboxes. Since I want to know what value I'm passing to the database I set these to off, since the checkboxes give me a value of on.

//looking for unchecked checkboxes, but don’t include the checkbox all that checks or unchecks all checkboxes
//.map - Pass each element in the current matched set through a function, producing a new jQuery object containing the return values.

//.get - Retrieve the DOM elements matched by the jQuery object.
//.join - (javascript) joins the elements of an array into a string, and returns the string.The elements will be separated by a specified separator. The default separator is comma (,).