How can I get the value of dynamically created input?

Why am I always getting the same value returned with radio buttons?

• I am using this code using AJAX. The probelm is no matter what choice is selected I always get the result grade=5. Can anyone help me with why this is the case? Thanks, Steven. <form> <li><input type="radio" id="grade" name="grade" value="5" accesskey="5">Great</li> <li><input type="radio" id="grade" name="grade" value="4" accesskey="4">Good</li> <li><input type="radio" id="grade" name="grade" value="3" accesskey="3">OK</li> <li><input type="radio" id="grade" name="grade" value="2" accesskey="2">Poor</li> <li><input type="radio" id="grade" name="grade" value="1" accesskey="1">Oh, oh</li> <li><input type="radio" id="grade" name="grade" value="0" accesskey="0">What is this?</li> <li><input value="Study now" type="button" onClick="getNewTotals();" > </li> </form>

• Answer:

  What appears to be happening is that you are always getting the value of the first 'grade' element in your page and not the value of the selected 'grade' element which would explain why you keep getting '5' returned (can't tell for sure since a line of your getNewTotals is cut off that returns the grade value). Basically you need to do something like this. Make sure to add the name attribute of 'myform' to your form tag. var val = 0; for( i = 0; i < document.myform.grade.length; i++ ) { // note - remove the spaces after the periods on the next two lines, yahoo messes up long code like this with a bunch of periods if( document. myform. grade[i]. checked == true ) val = document. myform. grade[i]. value; } alert( "val = " + val ); here is the link I found this example on http://www.thescripts.com/forum/thread90522.html