View Full Version : Form fields visable or hidden depending on check box
big-dog1965
12-18-2007, 11:15 AM
is there a way to hide multible fields in a form i.e. text, drop downs, and check boxes Then by checking a check box they show up.
chechu
12-18-2007, 01:20 PM
This ?
http://www.dynamicdrive.com/dynamicindex16/formdependency.htm
boogyman
12-18-2007, 01:59 PM
or
http://twey.co.uk/?q=forms
chechu
12-18-2007, 02:07 PM
Link doesn't work ?
big-dog1965
12-18-2007, 03:20 PM
Chechu
That looks like it would work, but Im a DS I guess ive stripped it down to something simpler for me to figure out and I still dont get it heres what I got in short because really theres more to the form but tried to make it simple for this, I stripped the DD form down tring to just get the 1 check box and the one it reveles, but the window one has to be there for some reason or the ssl isnt hidden. Any way can you help me get it to work with my stripped down form?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<script src="FormManager.js">
/****************************************************
* Form Dependency Manager- By Twey- http://www.twey.co.uk
* Visit Dynamic Drive for this script and more: http://www.dynamicdrive.com
****************************************************/
</script>
<script type="text/javascript">
window.onload = function() {
setupDependencies('weboptions','entryform'); //name of form(s). Seperate each with a comma (ie: 'weboptions', 'myotherform' )
};
</script>
</head>
<body>
<form action name="weboptions">
<p><label>Linux<input type="checkbox" name="os" value="linux"></label>
<label>Windows<input type="radio" name="os" value="windows"></label>
<input type="hidden" class="DEPENDS ON os BEING linux"><label>SSH<input type="checkbox" name="ssh" class="DEPENDS ON os BEING linux"></label>
</p>
</form>
<p> </p>
<form enctype="multipart/form-data" action="form.php" method="post" name="entryform">
<div align="center">
<table width="150">
<tr>
<td width="144"><label>Agree<input type="checkbox" name="AgreeToTerms" value="I Agree To Rules and Conditions"></label>
</td>
</tr>
<tr>
<td width="144"><label>Buggy<input type="checkbox" name="EighthScaleBuggy" value="Eighth Scale Buggy" class="DEPENDS ON AgreeToTerms BEING I Agree To Rules and Conditions"></label></td>
</tr>
<tr>
<td width="144"><label>Freq <select name="Frequency1Buggy">
</label>
<option></option>
<option value="Spectrum">Spectrum</option>
<option value="26.995 Brown">26.995 Brown</option>
<option value="27.045 Red">27.045 Red</option>
</select></td>
</tr>
<tr>
<td width="144"><label>Trans
<input type="text" name="TransponderBuggy" size="7" maxlength="7"></label></td>
</tr>
</table>
</div>
</form>
</body>
</html>
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.