Javascript getElementsByName value not working

Question

I am trying to make a simple javascript program bit it isn t working  Kindly help  In eclipse I have created a dynamic web project and in DD my welcome file is index jsp  Given below is my code for index jsp   lt  DOCTYPE html gt   lt html gt   lt head gt   lt meta charset  ISO-8859-1  gt   lt title gt Duncan S lt  title gt   lt script type  text javascript  gt  function nameSubmit         alert document getElementsByName  username   value     function CakeNumber         alert document getElementsByName  numOfCake   value      lt  script gt   lt  head gt   lt body gt   lt form action  myservlet do  gt       lt table gt           lt tr gt                 lt td gt Name  lt  td gt                 lt td gt  lt input type  text  id  name  name  username  size  10                  onchange  nameSubmit     gt  lt  td gt           lt  tr gt           lt tr gt                 lt td gt Number Of Duncan s Cake  lt  td gt                 lt td gt  lt input type  text  id  numOfDunCake  name  numOfCake                  size  5  onchange  CakeNumber     gt  lt  td gt           lt  tr gt       lt  table gt   lt  form gt   lt  body gt   lt  html gt    In the above code both the functions are returning undefined       How can I get the real value

User · Answer

Here is the example for having one or more checkboxes value. If you have two or more checkboxes and need values then this would really help.

_x000D_

function myFunction() {_x000D_
  var selchbox = [];_x000D_
  var inputfields = document.getElementsByName("myCheck");_x000D_
  var ar_inputflds = inputfields.length;_x000D_
_x000D_
  for (var i = 0; i < ar_inputflds; i++) {_x000D_
    if (inputfields[i].type == 'checkbox' && inputfields[i].checked == true)_x000D_
      selchbox.push(inputfields[i].value);_x000D_
  }_x000D_
  return selchbox;_x000D_
_x000D_
}_x000D_
_x000D_
document.getElementById('btntest').onclick = function() {_x000D_
  var selchb = myFunction();_x000D_
  console.log(selchb);_x000D_
}

_x000D_

Checkbox:_x000D_
<input type="checkbox" name="myCheck" value="UK">United Kingdom_x000D_
<input type="checkbox" name="myCheck" value="USA">United States_x000D_
<input type="checkbox" name="myCheck" value="IL">Illinois_x000D_
<input type="checkbox" name="myCheck" value="MA">Massachusetts_x000D_
<input type="checkbox" name="myCheck" value="UT">Utah_x000D_
_x000D_
<input type="button" value="Click" id="btntest" />

_x000D_

User · Answer

document getElementsByName  name   will get several elements called by same name   document getElementsByName  name   Number  will get one of them  document getElementsByName  name   Number  value will get the value of paticular element   The key of this question is this  The name of elements is not unique  it is usually used for several input elements in the form  On the other hand  the id of the element is unique  which is the only definition for a particular element in a html file

User · Answer

You have mentioned Wrong id   alert document getElementById  name   value     if you want to use name attribute then   alert document getElementsByName  username   0  value     Updates   input type  text  id  name  name  username      id is different from name

[javascript] Javascript getElementsByName.value not working

Examples related to javascript