Radio Button Value not being displayed on SUBMIT

Vem786 · Dec 11, 2003

Hi:
I'm a new fella to JS. I tried the below code to have the form display Text & radio button selected in the same page on SUBMIT.
But unfortunately I dont find any luck.

can anyone help??

Thanks!!!

<html>
<head>
<title>Form Data Display</title>
</head>
<body>
<form name="form1">
<table>
<TR>
<TR>
<TD align="left" valign="middle"><font size=2><b>CB1</b>
<TD align="left" valign="middle"><font size=2><b>TEXT1</b>
<TD align="left" valign="middle"><font size=2><b>RADIOSELECT</b>
<TR>
<TD align="left"><input type = "checkbox" name="cb1" value="ON" checked="checked" size =25>
<TD align="left"><input type = text name="text1" size =25>
<TD align="left"><input type = radio name="radioselect" value="0"><font size=2><b>YES<b>
<input type = radio name="radioselect" value="1"><font size=2><b>NO</b>
</table>
<table>
<TR>
<Td align=left><input type=submit name="submit" value="SUBMIT" size=15 onClick="submitQry();return false;">
</table>
</CENTER>
</form>
<script language="javascript">

</script>
</body>
</html>

tweenerz · Dec 11, 2003

First of all, you are submitting the form to itself. So after the function is run, the form is immediately submitted. Hence, you never see the result. If you don't want to actually submit the form, you must put 'onSubmit="return false"' in the form tag. Then you will see the function results.

tweenerz · Dec 11, 2003

2 b more specific:

<form name="form1" onSubmit="submitQry();return false;">

AND

<input type=submit name="submit" value="SUBMIT" size=15>

tweenerz · Dec 11, 2003

I apologize. I spouted off before reading the entire page.

A radio object is actually an array. You access each element by using the array syntax: radioselect[0] or radioselect[1].

Then to check if it has been selected you test the 'checked' property:

if (documnet.form1.radioselect[0].checked){
//do this
} elseif(documnet.form1.radioselect[1].checked){
//do this
}

or you can loop through the array. You can grab the value like this: document.form1.radioselect[0].value

tweenerz · Dec 11, 2003

Tired of me yet? Here, try this:

var the_string2;
for (var i=0;i<document.form1.radioselect.length;i++){
if (document.form1.radioselect.checked){
the_string2 = document.form1.radioselect.value;
break;
}
}

Vem786 · Dec 11, 2003

I tried what you stated but it doesn't work. Because there isn't any change in the assignment of statement to the_string2.

You just have gone through the loop, whereas I directly assigned the document.form1.radioselect.value to the_string2.

I guess there should be another way out!!!

Thanks.

Lrnmore · Dec 11, 2003

Here's something that might help:

Code:

  <script language=&quot;javascript&quot;>
<!-- hide me
function fndsel(){
d = document.form1;
for(i=0;i<d.radioselect.length;i++){
 if(d.radioselect[i].checked == true){
   var retval = d.radioselect[i].value;}}
   return retval;
}   

    function submitQry()
    {
        var the_string1 = document.form1.text1.value;
            var the_string2 = fndsel();
        var output_string = '';
    if(document.form1.cb1.checked)
        {  
            output_string = output_string + the_string1 +&quot; &quot;+ the_string2;
    }
    if (output_string == '') 
        output_string = 'No Data to display!!!';
     
        document.getElementById('output').innerHTML = output_string;
    }
// show me -->
</script>

2b||!2b

Lrnmore · Dec 11, 2003

Ooops...

Need to include this line before your </body> tag also.

<div id="output"></div>

For your output to write to.

2b||!2b

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Radio Button Value not being displayed on SUBMIT

Vem786

Technical User

tweenerz

Programmer

tweenerz

Programmer

tweenerz

Programmer

tweenerz

Programmer

Vem786

Technical User

Lrnmore

Technical User

Lrnmore

Technical User

Similar threads

Part and Inventory Search

Sponsor