onclick2.aspx font size:
View Sample
<html>
<head>
<title>Abakada HTML Demo: onclick Event on Grouped Controls</title>
<link rel="stylesheet" href="/shared/netdemos.css">

<script language="JavaScript">
function getOpt ( ) {
   alert ( window.event.srcElement.value );
}
</script>
</head>

<body>
<div class="header"><h2>Abakada HTML Demo: <b>onclick Event on Grouped Controls</b></h2></div>
<hr size=1 width=92%>

<center>

<h4>This example shows use of the <b>onclick </b>event to determine the selected value from a group of controls.</h4>

<p>Controls are grouped by giving them the same <i>NAME</i> but unique <i>ID</i>s.<br>
   Grouped controls allow only one selection for the group. </p>

<p><b>Which of the following do you think has the most corruptive influence in society?</b></p>
<table style="background: khaki; padding: 20">
<tr>
   <td><input type=radio name=optGroup id=sex value="Sex" onclick="getOpt ( )"></td>
   <td><label for=sex>Sex</label></td></tr>
<tr>
   <td><input type=radio name=optGroup id=drugs value="Drugs" onclick="getOpt ( )"></td>
   <td><label for=drugs>Drugs</label></td></tr>
<tr>
   <td><input type=radio name=optGroup id=r&r value="Rock and Roll" onclick="getOpt ( )"></td>
   <td><label for=r&r>Rock and Roll</label></td></tr>
<tr>
   <td><input type=radio name=optGroup id=all value="All of the above" onclick="getOpt ( )"></td>
   <td><label for=all>All of the above</label></td></tr>
</table>

</center>

<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->

</body>
</html>