JavaScript Forum

**tobeyt23** · 12-14-2005, 12:34 PM

I would like to have a checkbox or 2 that when checked more form fields will appear and when uncheck they disappear. How can this be done?

**funkdaddu** · 01:37 PM

Here ya go...

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
function showHide(div, tf) {
	(tf == true) ? displayValue = "block" : displayValue = "none";
	document.getElementById(div).style.display = displayValue;
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<form id="FormName" action="" method="get" name="FormName">
			<p>Have you been convicted of a felony? <input type="radio" name="convicted" value="Yes" onclick="showHide('convict',true);"> Yes <input type="radio" name="convicted" value="No" onclick="showHide('convict',false);">No</p>
			<div id="convict" style="display:none">
			<p>If yes, explain:</p>
			<p><input type="text" name="cExplain" size="35"></p>
			</div>
		</form>
</body>

</html>

**tobeyt23** · 12-14-2005, 02:36 PM

Thank you ... perfect!