Loop Form Elements

[jt107]

Could anyone help me in looping this form below:
<form id="myForm" method="post" >
<input type="hidden" id="app" name="app" value="Evaluation">
<input type="hidden" id="StartRow" name="StartRow" value="1">
<input type="hidden" id="MaxRows" name="MaxRows" value="50">
<input type="hidden" id="TotalRows" name="TotalRows" value="8">
<table>
<tr>
<td><input type="radio" id="qg1" name="q1" value="Great" />Great!</td>
<td><input type="radio" id="qr1" name="q1" value="Average" />Average</td>
<td><input type="radio" id="qa1" name="q1" value="Bad" />Bad</td>
<td><input type="radio" id="ql1" name="q1" value="NA" checked />N/A</td>
<td><input type="text" id="sex1" name="sex1" value="Male" size ="8"/>Gender</td>
</tr>
<tr>
<td><input type="radio" id="qg2" name="q2" value="Great" />Great!</td>
<td><input type="radio" id="qr2" name="q2" value="Average" />Average</td>
<td><input type="radio" id="qa2" name="q2" value="Bad" />Bad</td>
<td><input type="radio" id="ql2" name="q2" value="NA" checked />N/A</td>
<td><input type="text" id="sex2" name="sex2" value="Female" size ="8"/>Gender</td>
</tr>
.....
<tr>
<td colspan="7">
<input type="submit" value="Validate Form" onClick="validateForm();"/></td>
</tr>
</table>
</form>

I want to validate when select "Bad" for "Female" and warn "Please be careful, they are very sensitive" before submit. But have trouble looping radio buttons. I could not use GetElementyByTagName("input"), and there are hidden fields. Hope some could point me to the right direction.

Thanks,
JT

[harrierdh]

I think this is what you are trying to do.

Code: Select all

<script>
function validateForm() {
   var myarray = document.getElementsByTagName("INPUT");
   for (i = 0; i < myarray.length; i++) {
      if (myarray[i].type == "radio") {
         var temp = myarray[i].id.toString();
         if (temp.indexOf("2") > -1) {
            if (myarray[i].checked = true) {
                if (myarray[i].value == "Bad") {
                  alert("Be carefull they are sensitive");
                  return false;
               }
            }   
         }
      }
   }
}
</script>
<form id="myForm" method="post" >
<input type="hidden" id="app" name="app" value="Evaluation">
<input type="hidden" id="StartRow" name="StartRow" value="1">
<input type="hidden" id="MaxRows" name="MaxRows" value="50">
<input type="hidden" id="TotalRows" name="TotalRows" value="8">
<table>
<tr>
<td><input type="radio" id="qg1" name="q1" value="Great" />Great!</td>
<td><input type="radio" id="qr1" name="q1" value="Average" />Average</td>
<td><input type="radio" id="qa1" name="q1" value="Bad" />Bad</td>
<td><input type="radio" id="ql1" name="q1" value="NA" checked />N/A</td>
<td><input type="text" id="sex1" name="sex1" value="Male" size ="8"/>Gender</td>
</tr>
<tr>
<td><input type="radio" id="qg2" name="q2" value="Great" />Great!</td>
<td><input type="radio" id="qr2" name="q2" value="Average" />Average</td>
<td><input type="radio" id="qa2" name="q2" value="Bad" />Bad</td>
<td><input type="radio" id="ql2" name="q2" value="NA" checked />N/A</td>
<td><input type="text" id="sex2" name="sex2" value="Female" size ="8"/>Gender</td>
</tr>
<tr>
<td colspan="7">
<input type="submit" value="Validate Form" onClick="validateForm();"/></td>
</tr>
</table>
</form>