Discuss "Display Radio Button Value onclick" in the JavaScript Programming forum.

theChris · #1 March 21st, 2008, 11:33 AM

Hi,

Is there easy way to dispaly the value of a radio button when it is clicked?

Thanks,

theChris

jmurrayhead · #2 March 21st, 2008, 11:36 AM

You can have such code:

Code:

<script language="javascript" type="text/javascript">
<!--
function displayValue()
{
 for (var i = 0; i < document.form1.radiobut.length; i++)
   {
    if (document.form1.radiobut[i].checked)
     {    
      var display = document.form1.radiobut[i].value;
      alert(display);
      
     }
   }
}
//-->
</script>

Above, replace "form1" and "radiobut" with the names of your form and radiobutton.

don94403 · #3 March 21st, 2008, 12:57 PM

Quote:

Originally Posted by theChris

Hi,

Is there easy way to dispaly the value of a radio button when it is clicked?

Thanks,

theChris

Not quite sure what you want to do--display something to the user when he/she selects one choice among several? Would this be to confirm that the choice has been made? Usually just the black dot in the option selected is taken as the indication that the choice has been made. Or am I missing your point?

theChris · #4 March 21st, 2008, 01:00 PM

Quote:

Originally Posted by don94403

Not quite sure what you want to do--display something to the user when he/she selects one choice among several? Would this be to confirm that the choice has been made? Usually just the black dot in the option selected is taken as the indication that the choice has been made. Or am I missing your point?

It's simply for troubleshooting purposes, I just want to see if there is an easy way using JavaScript to display the value of the selected radiobutton.

keep_it_simple · #5 March 22nd, 2008, 11:20 AM

Quote:

Originally Posted by theChris

It's simply for troubleshooting purposes, I just want to see if there is an easy way using JavaScript to display the value of the selected radiobutton.

yes...if simply wanting to debug then you can use inline code

HTML Code:

<html>
 <head>
  <title>Javascript onclick Radio Button Demo</title>
 </head>
 <body>
  <form action="page.htm" method="post">
   <fieldset>
    <legend>Gender</legend>
     <table>
      <tr>
       <td>Male</td>
       <td><input type="radio" name="gender" value="Male" onclick="alert(this.value);"></td>
      </tr>
      <tr>
       <td>Female</td>
       <td><input type="radio" name="gender" value="Female" onclick="alert(this.value);"></td>
      </tr>
     </table>
   </fieldset>
  </form>
 </body>
</html>

theChris · #6 March 22nd, 2008, 02:28 PM

Thanks guys, both solutions worked

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Discuss "Display Radio Button Value onclick" in the JavaScript Programming forum.

JavaScript Programming - Javascript is a cross-browser client-side scripting language. Discuss Javascript and AJAX related scripts here.