jQuery Test if checkbox is NOT checked

Question

I m having trouble figuring this out  I have two checkboxes  in the future will have more     checkSurfaceEnvironment-1 checkSurfaceEnvironment-2   Basically  I want to write an if statement and test if one of them is checked and another is NOT checked  What s the easiest way to accomplish the following   if       checkSurfaceEnvironment-1   attr  checked   true   amp  amp           checkSurfaceEnvironment-2   is     NOT       checked                  do something

User · Answer

To do it with  attr   like you have  to see if it s checked it would be  attr  checked    checked    and if it isn t it would be  attr  checked      undefined

User · Answer

You can also use either jQuery  not   method or  not   selector   if      checkSurfaceEnvironment   not   checked   length           do stuff for not selected     JSFiddle Example    Additional Notes  From the jQuery API documentation for the  not   selector      The  not   method will end up providing you with more readable   selections than pushing complex selectors or variables into a  not     selector filter  In most cases  it is a better choice

User · Answer

Here is the simplest way given    lt script type  text javascript  gt             document  ready function                      chk selall   change  click   function                       if  this checked                                          do something                                   if   this checked                                          do something                                                        lt  script gt

User · Answer

Here I have a snippet for this question    x000D   x000D    function    x000D         buttoncheck   click function    x000D          if     type  checkbox     is   checked     x000D                  checkboxStatus   html  Congratulations        type  checkbox   checked   length   checkbox checked    x000D           else  x000D                  checkboxStatus   html  Sorry  Checkbox is not checked    x000D             x000D           return false  x000D        x000D       x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt form gt  x000D     lt p gt  x000D       lt label gt  x000D         lt input type  checkbox  name  CheckboxGroup1  value  checkbox  id  CheckboxGroup1 0  gt  x000D        Checkbox lt  label gt  x000D       lt br gt  x000D       lt label gt  x000D         lt input type  checkbox  name  CheckboxGroup1   value  checkbox  id  CheckboxGroup1 1  gt  x000D        Checkbox lt  label gt  x000D       lt br gt  x000D     lt  p gt  x000D     lt p gt  x000D       lt input type  reset  value  Reset  gt  x000D       lt input type  submit  id  buttoncheck  value  Check  gt  x000D     lt  p gt  x000D     lt p class  checkboxStatus  gt  lt  p gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

I was looking for a more direct implementation like avijendr suggested   I had a little trouble with his her syntax  but I got this to work   if      user-forms input id   chkPrint   not  checked    length  gt  0    In my case  I had a table with a class user-forms  and I was checking if any of the checkboxes that had the string checkPrint in their id were unchecked

User · Answer

if       checkSurfaceEnvironment-1   is   checked    amp  amp      checkSurfaceEnvironment-2   not   checked

User · Answer

chkFruits 0  chkFruits 1  chkFruits 2  chkFruits 3  chkFruits 4   change function              var item       chkFruits 0  chkFruits 1  chkFruits 2  chkFruits 3  chkFruits 4        if  item is   checked    true              execute your code here            else if  item is   not  checked                     execute your code here

User · Answer

if       checkSurfaceEnvironment-1   is   checked             do something if the checkbox is NOT checked

User · Answer

I know this has already been answered  but still  this is a good way to do it    if      checkbox   is   checked    false          Do stuff here like      span   html   lt span gt Lorem lt  span gt

User · Answer

if     checkbox1   prop  checked      false       alert  checkbox is not checked          do something   else        alert  checkbox is checked

User · Answer

Return true if all checbox are checked in a div  function all checked  id div    all checked   true      id div   input type  checkbox     each function          all checked   all checked  amp  amp     this   prop  checked         return all checked

User · Answer

Simple and easy to check or unchecked condition   lt input type  checkbox  id  ev-click  name    value     gt    lt script gt           ev-click    click function             if this checked               alert  checked                      if  this checked               alert  Unchecked                       lt  script gt

User · Answer

I used this and in worked for me      checkbox selector   click function         if   this  prop  checked    true          do what you need

User · Answer

I think the easiest way  with jQuery  to check if checkbox is checked or NOT is   if  checked    if    this  is   checked         I m checked let s do something     if NOT  checked    if     this  is   checked         I m NOT checked let s do something

User · Answer

There are two way you can check condition   if      checkSurfaceEnvironment-1   is   checked             Put your code here if checkbox is checked     OR you can use this one also  if     checkSurfaceEnvironment-1   prop  checked      true          Put your code here if checkbox is checked     I hope this is useful for you

User · Answer

try this one  if      checkSurfaceEnvironment-1 checked   length gt 0          your code in case of NOT checked     In Above code selecting the element by Id   checkSurfaceEnvironment-1  then filter out it s checked state by   checked  filter   It will return array of checked element object  If there any object exists in the array then if condition will be satisfied

User · Answer

An alternative way   Here is a working example and here is the code  you should also use prop      input type  checkbox     mouseenter function          if    this  is   checked                  this  prop  checked  false           alert  is checked          else                this  prop  checked  true           alert  not checked                 I commented out the way to toggle the checked attribute

User · Answer

One reliable way I use is   if     checkSurfaceEnvironment-1   prop  checked      true         do something     If you want to iterate over checked elements use the parent element      parentId   find  checkbox   each function        if    this  prop  checked    true              do something             More info   This works well because all checkboxes have a property checked which stores the actual state of the checkbox  If you wish you can inspect the page and try to check and uncheck a checkbox  and you will notice the attribute  checked   if present  will remain the same  This attribute only represents the initial state of the checkbox  and not the current state  The current state is stored in the property checked of the dom element for that checkbox   See Properties and Attributes in HTML

[jquery] jQuery: Test if checkbox is NOT checked

Examples related to jquery

Examples related to if-statement