Display Radio Button Value onclick

**theChris** · theChris, March 21st, 2008 12:33 PM

Hi,

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

Thanks,

theChris

**jmurrayhead** · jmurrayhead, March 21st, 2008 12:36 PM

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** · don94403, March 21st, 2008 01:57 PM

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** · theChris, March 21st, 2008 02:00 PM

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** · keep_it_simple, March 22nd, 2008 12:20 PM

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** · theChris, March 22nd, 2008 03:28 PM

Thanks guys, both solutions worked

Thread: Display Radio Button Value onclick

LinkBack

Thread Tools

Display

Display Radio Button Value onclick

Bookmarks

Bookmarks

Posting Permissions