Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!
Radio Button Selected Value
AFAIK, to retrieve the selected value for <SELECT> in a single line javascript, I have the following code:
this.form.areaID.options[t
If I were wanted to do the same, retrive the selected value for <RADIO> in a single line javascript, how?
this.form.areaID.options[t
If I were wanted to do the same, retrive the selected value for <RADIO> in a single line javascript, how?
Do more with
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
document.form.radioButtonN
is true if the button is checked, false if not.
eg:
if (document.form.radioButton
// checked. Do this.
} else {
// not checked. Do that.
}
C:-)
is true if the button is checked, false if not.
eg:
if (document.form.radioButton
// checked. Do this.
} else {
// not checked. Do that.
}
C:-)
<SCRIPT LANGUAGE="JavaScript">
function openWindow(url, w, h, rs, sb) {
var windowprops = "width=" + w + ",height=" + h + ",resizable=" + rs + ",scrollbars=" + sb;
//windowprops += "center=yes;border=thin;he
popup = window.open(url,'remote',w
}
</SCRIPT>
<FORM ACTION="newsletter.asp" METHOD="post" NAME="formemail">
<INPUT TYPE="radio" NAME="format" VALUE="2">HTML
<INPUT TYPE="radio" NAME="format" VALUE="1" CHECKED>Plain Text
<TEXTAREA COLS="64" ROWS="12" NAME="bodytext"><%=strBody
<INPUT TYPE="Button" VALUE="Preview" ONCLICK="openWindow('newsl
</FORM>
note:
1. this sample form is simplified, may contains minor error
2. openWindow is a simplied javascript function of a pupup window
I tried your suggestion on "this.form.format.checked"
function openWindow(url, w, h, rs, sb) {
var windowprops = "width=" + w + ",height=" + h + ",resizable=" + rs + ",scrollbars=" + sb;
//windowprops += "center=yes;border=thin;he
popup = window.open(url,'remote',w
}
</SCRIPT>
<FORM ACTION="newsletter.asp" METHOD="post" NAME="formemail">
<INPUT TYPE="radio" NAME="format" VALUE="2">HTML
<INPUT TYPE="radio" NAME="format" VALUE="1" CHECKED>Plain Text
<TEXTAREA COLS="64" ROWS="12" NAME="bodytext"><%=strBody
<INPUT TYPE="Button" VALUE="Preview" ONCLICK="openWindow('newsl
</FORM>
note:
1. this sample form is simplified, may contains minor error
2. openWindow is a simplied javascript function of a pupup window
I tried your suggestion on "this.form.format.checked"
This probly isn't the best way to do what you want, but it gets it done.
<html>
<head>
<title>Selected Radio Buttons</title>
<script language="JavaScript">
<!--
function subForm()
{
var j = 0;
var radio_buttons = new Array();
var the_form = window.document.forms[0];
for(var i=0; i<the_form.length; i++)
{
var temp = the_form.elements[i].type;
if((temp == "radio") && (the_form.elements[i].chec
}
for(var k=0; k<radio_buttons.length; k++)
{
document.write(radio_butto
}
}
//-->
</script>
</head>
<body>
<form action="javascript: subForm();">
<input type="radio" name="r_1" value="A">A<br>
<input type="radio" name="r_1" value="B">B<br>
<input type="radio" name="r_1" value="C">C<br><br>
<input type="radio" name="r_2" value="D">D<br>
<input type="radio" name="r_2" value="E">E<br>
<input type="radio" name="r_2" value="F">F<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
<html>
<head>
<title>Selected Radio Buttons</title>
<script language="JavaScript">
<!--
function subForm()
{
var j = 0;
var radio_buttons = new Array();
var the_form = window.document.forms[0];
for(var i=0; i<the_form.length; i++)
{
var temp = the_form.elements[i].type;
if((temp == "radio") && (the_form.elements[i].chec
}
for(var k=0; k<radio_buttons.length; k++)
{
document.write(radio_butto
}
}
//-->
</script>
</head>
<body>
<form action="javascript: subForm();">
<input type="radio" name="r_1" value="A">A<br>
<input type="radio" name="r_1" value="B">B<br>
<input type="radio" name="r_1" value="C">C<br><br>
<input type="radio" name="r_2" value="D">D<br>
<input type="radio" name="r_2" value="E">E<br>
<input type="radio" name="r_2" value="F">F<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
how about this.....
<SCRIPT LANGUAGE="JavaScript">
function openWindow(url, w, h, rs, sb) {
var windowprops = "width=" + w + ",height=" + h + ",resizable=" + rs + ",scrollbars=" + sb;
//windowprops += "center=yes;border=thin;he
popup = window.open(url,'remote',w
}
</SCRIPT>
<FORM ACTION="newsletter.asp" METHOD="post" NAME="formemail">
<INPUT TYPE="radio" NAME="format" VALUE="2" onclick="javascript:if(thi
<INPUT TYPE="radio" NAME="format" VALUE="1" CHECKED onclick="javascript:if(thi
<TEXTAREA COLS="64" ROWS="12" NAME="bodytext"><%=strBody
<INPUT TYPE="Button" VALUE="Preview" ONCLICK="openWindow('newsl
<INPUT TYPE="hidden" name="radioval" value='1'>
</FORM>
With my solution you won't have to loop through the radio buttons.
just the hidden filed will do the trick..
Regards
Hart
<SCRIPT LANGUAGE="JavaScript">
function openWindow(url, w, h, rs, sb) {
var windowprops = "width=" + w + ",height=" + h + ",resizable=" + rs + ",scrollbars=" + sb;
//windowprops += "center=yes;border=thin;he
popup = window.open(url,'remote',w
}
</SCRIPT>
<FORM ACTION="newsletter.asp" METHOD="post" NAME="formemail">
<INPUT TYPE="radio" NAME="format" VALUE="2" onclick="javascript:if(thi
<INPUT TYPE="radio" NAME="format" VALUE="1" CHECKED onclick="javascript:if(thi
<TEXTAREA COLS="64" ROWS="12" NAME="bodytext"><%=strBody
<INPUT TYPE="Button" VALUE="Preview" ONCLICK="openWindow('newsl
<INPUT TYPE="hidden" name="radioval" value='1'>
</FORM>
With my solution you won't have to loop through the radio buttons.
just the hidden filed will do the trick..
Regards
Hart
isn't there anyway direct get the value of the selected radio value like the example I have?
this.form.areaID.options[t
this.form.areaID.options[t
the thing is radio buttons do not work like select boxes.
say you have two different radiobuttons
i.e <input type="radio" name="rad1" value="1">
and <input type="radio" name="rad2" value="2">
then their values can be recieed by
document.formemail.rad1.va
and
document.formemail.rad1.va
but say you have multiple radio buttons with same name
i.e <input type="radio" name="commonrad" value="1">
and <input type="radio" name="commonrad" value="2">
now this has become an array.
so then you have to run a loop to get the value..
i.e document.formemail.commonr
and document.formemail.commonr
also you will have to check first which one is checked.
to avoid all this i had put an hiddenfield and just assigned the value of the radio button checked so that it can be accessed in a single line of code...
Regards
Hart
say you have two different radiobuttons
i.e <input type="radio" name="rad1" value="1">
and <input type="radio" name="rad2" value="2">
then their values can be recieed by
document.formemail.rad1.va
and
document.formemail.rad1.va
but say you have multiple radio buttons with same name
i.e <input type="radio" name="commonrad" value="1">
and <input type="radio" name="commonrad" value="2">
now this has become an array.
so then you have to run a loop to get the value..
i.e document.formemail.commonr
and document.formemail.commonr
also you will have to check first which one is checked.
to avoid all this i had put an hiddenfield and just assigned the value of the radio button checked so that it can be accessed in a single line of code...
Regards
Hart
I realize that it is kind of late, but I just ran across this while looking for something else.
Anyway, how about this code (go to AllWordSearch.com to see the whole thing in operation):
<input type=radio name="search" value="words" checked>
<input type=radio name="search" value="phrase">
<input type=radio name="where" value="page" checked>
<input type=radio name="where" value="title">
search.cgi?search='+(searc
+'&where='+(where[0].check
There's two sets of two radio buttons there, and it's all in a single line, just like you asked.
Anyway, how about this code (go to AllWordSearch.com to see the whole thing in operation):
<input type=radio name="search" value="words" checked>
<input type=radio name="search" value="phrase">
<input type=radio name="where" value="page" checked>
<input type=radio name="where" value="title">
search.cgi?search='+(searc
+'&where='+(where[0].check
There's two sets of two radio buttons there, and it's all in a single line, just like you asked.
I use an entirely different strategy:
I set up a global (and persistent) variable, say rdat, in a <head> javascript block
<script type='text/javascript' language='javascript1.2'>
rdat='';
...
</script>
then for each radio button I add a short onclick statement:
<input type=radio name='radbut' value='X' onclick='rdat=value'>
<input type=radio name='radbut' value='Y' onclick='rdat=value'>
...
This way the selected radio button is always available in the variable rdat. (Or you could use a hidden input value)
e.g. alert('radio button value='+rdat);
DLM
I set up a global (and persistent) variable, say rdat, in a <head> javascript block
<script type='text/javascript' language='javascript1.2'>
rdat='';
...
</script>
then for each radio button I add a short onclick statement:
<input type=radio name='radbut' value='X' onclick='rdat=value'>
<input type=radio name='radbut' value='Y' onclick='rdat=value'>
...
This way the selected radio button is always available in the variable rdat. (Or you could use a hidden input value)
e.g. alert('radio button value='+rdat);
DLM
Premium Content
You need an Expert Office subscription to comment.Start Free Trial