Change Get check state of CheckBox

Question

I just want to get change value of CheckBox with JavaScript  Not that I cannot use jQuery for this  I ve tried something like this but it won t work   JavaScript function      function checkAddress                 if  checkAddress checked    true                        alert  a                      HTML   lt input type  checkbox  name  checkAddress  onchange  checkAddress      gt

User · Answer

lt input type  checkbox  name  checkAddress  onclick  if this checked   alert  a         gt

User · Answer

Using onclick instead will work  In theory it may not catch changes made via the keyboard but all browsers do seem to fire the event anyway when checking via keyboard   You also need to pass the checkbox into the function   function checkAddress checkbox        if  checkbox checked                alert  a              HTML   lt input type  checkbox  name  checkAddress  onclick  checkAddress this     gt

User · Answer

You need to retrieve the checkbox before using it   Give the checkbox an id attribute to retrieve it with document getElementById     and then check its current state   For example   function checkAddress         var chkBox   document getElementById  checkAddress        if  chkBox checked                                And your HTML would then look like this    lt input type  checkbox  id  checkAddress  name  checkAddress  onclick  checkAddress     gt     Also changed the onchange to onclick  Doesn t work quite well in IE

User · Answer

This is an example of how I use this kind of thing   HTML     lt input type  checkbox  id  ThisIsTheId  value  X  onchange  ThisIsTheFunction this id this checked   gt    JAVASCRIPT    function ThisIsTheFunction temp temp2      if temp2    true        document getElementById temp  style visibility    visible       else       document getElementById temp  style visibility    hidden

User · Answer

This will be useful     input type checkbox    change  e   gt      console log e target checked

User · Answer

Here is a quick implementation with samples   Checkbox to check all items    lt input id  btnSelectAll  type  checkbox  gt    Single item  for table row     lt input class  single-item  name  item    type  checkbox  gt    Js code for jQuery     document  on  click     btnSelectAll   function state        if      btnSelectAll   is   checked                  single-item   prop  checked   true               batch-erase   addClass  d-block          else               single-item   prop  checked   false               batch-erase   removeClass  d-block                Batch delete item    lt div class  batch-erase d-none  gt       lt a href   path to delete  class  btn btn-danger btn-sm  gt           lt i class  fe-trash  gt  lt  i gt  Delete All      lt  a gt   lt  div gt

User · Answer

var val       checkboxId   is   checked

User · Answer

I know this is late info  but in jQuery  using  checked is possible and easy  If your element is something like    lt td gt       lt input type  radio  name  bob    gt   lt  td gt    You can easily get set checked state as such      td   each function           this  click function                 var thisInput      this  find  input type radio             var checked   thisInput is   checked            thisInput 0  checked    checked     false   true              The secret is using the   0   array index identifier which is the ELEMENT of your jquery object  ENJOY

User · Answer

Needs to be   if  document forms 0  elements  checkAddress   checked    true    Assuming you have one form  otherwise use the form name   As a side note  don t call the element and the function in the same name it can cause weird conflicts

User · Answer

You need this   window onload   function        var elCheckBox document getElementById  cbxTodos        elCheckBox onchange  function             alert  como ves

User · Answer

I know this is a very late reply  but this code is a tad more flexible and should help latecomers like myself   function copycheck from to      retrives variables  from   original checkbox element  and  to   target checkbox  you declare when you call the function on the HTML       if document getElementById from  checked  true         checks status of  from  element  change to whatever validation you prefer                        document getElementById to  checked true                 if validation returns true  checks target checkbox               else                          document getElementById to  checked false                  if validation returns true  unchecks target checkbox               HTML being something like   lt input type  radio  name  bob  onclick  copycheck  from   to       gt    where  from  and  to  are the respective ids of the elements  from  wich you wish to copy  to   As is  it would work between checkboxes but you can enter any ID you wish and any condition you desire as long as  to   being the checkbox to be manipulated  is correctly defined when sending the variables from the html event call   Notice  as SpYk3HH said  target you want to use is an array by default  Using the  display element information  tool from the web developer toolbar will help you find the full id of the respective checkboxes   Hope this helps

[javascript] Change/Get check state of CheckBox

Examples related to javascript

Examples related to html