How to change Label Value using javascript

Question

I want to change the label value from  0  to  thanks  in below label  on checkbox click event    lt input type  hidden  name  label206451  value  0    gt   lt label for  txt206451  class  swatch text   gt Chestnut Leather lt  label gt   lt input type  checkbox  name  field206451  class  swatch check  id  txt206451  value  SELECTED   gt    The Javascript is as below   var cb   document getElementById  field206451    var label   document getElementById  label206451    cb addEventListener  click  function evt       if cb checked           label value  Thanks        else          label value  0           false     But this is not working  Any idea

User · Answer

This will work in Chrome     get your input var input   document getElementById  txt206451       get it s  first  label var label   input labels 0      change it s content label textContent    thanks    But after looking  labels doesn t seem to be widely supported      You can use querySelector     get txt206451 s  first  label var label   document querySelector  label for  txt206451         change it s content label textContent    thanks

User · Answer

Try   use an id for hidden field and use id of checkbox in javascript   and change the ClientIDMode  static  too   lt input type  hidden  ClientIDMode  static  id  label1  name  label206451  value  0    gt       lt script type  text javascript  gt       var cb   document getElementById  txt206451        var label   document getElementById  label1        cb addEventListener  click  function evt       if cb checked           label value  Thanks       else          label value  0              false        lt  script gt

User · Answer

Based off your code  i created this Fiddle  You need to use    var cb   document getElementsByName  field206451   0   var label   document getElementsByName  label206451   0      if you want to use name attributes then you have to take the index since it is a list of items  not just a single one   Everything else worked good

User · Answer

You re taking name in document getElementById   Your cb should be txt206451   ID Attribute  not  name attribute    Or   You can have it by document getElementsByName    var cb   document getElementsByName  field206451   0      First one   OR  var cb   document getElementById  txt206451      And for setting values into hidden use document getElementsByName   like following  var cb   document getElementById  txt206451    var label   document getElementsByName  label206451   0      Get the first one of index console log label   cb addEventListener  change   function  evt       use change here  not neccessarily     if  this checked            label value    Thanks        else           label value    0           false     Demo Fiddle

User · Answer

very simple       label-ID   text  label value which you want to set

User · Answer

hope this help someone else    use innerHTML  for using label object     document getElementById  lableObject   innerHTML   res FullName

[javascript] How to change Label Value using javascript

Examples related to javascript

Examples related to label