Home|Sitemap|Contact

How can you show hidden fields when a certain radio button is clicked?


Have you ever done something?  YesNo


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">

<head>
<title>radio click</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="Roderick Divilbiss">
<meta name="copyright" content="© 2005, 2006 Roderick Divilbiss">
</head>

<body>
Have you ever done something?&nbsp; Yes<input type="radio" value="yes" name="r1" onclick="if (this.checked) document.getElementById('yesRelated').style.display='block';">No<input type="radio" value="no" checked name="r1" onclick="if (this.checked) document.getElementById('yesRelated').style.display='none';">
<div id="yesRelated" style="display:none;">When: <input type="text" name="when" size="20"><br>Where: <input type="text" name="where" size="50"></div>
</body>

</html>