Make text box visible is checked=true

**chrisboots** · 02-20-2012 12:19 PM

I need a textbox to only show if option 2 is chosen and otherwise not show. I have googled it but cant get anything to work. thanks in advanced

Code:

<html>
<head>

<script type="text/javascript">
function Validate() {
  if ((document.getElementById('yes').checked) {document.myForm.claim.style.visibility='visible'}
   
}
</script>
</head>
<body>

<form name="myForm"  onsubmit="return Validate()">
<input name="choice" id="yes" type="radio" value="1" />Choice One<br />
<input name="choice" id="no"type="radio" value="2" />Choice Two<br />

</br>Any accidents (Motor insurance Claims) or driving convictions in past 5 years if yes please give detail :</br>
<textarea name="claim" style="visibility:hidden;" rows="5" cols="15"></textarea>
		
		</fieldset>
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>

**JMRKER** · 02-20-2012 10:41 PM

If I understand your logic, this should be close to your needs...

Code:

<html>
<head>
<script type="text/javascript">
function showHide(IDS,status) {
  document.getElementById(IDS).style.visibility = status;
}
function Validate() {
  if ((document.getElementById('claimyes').checked)) {
    document.getElementById('claimText').style.visibility='visible';
  }
  return false;  // change to 'true' after testing
}
</script>
</head>
<body>

<form name="myForm"  onsubmit="return Validate()">
<label>
<input name="choice" id="claimyes" type="radio" value="1" onclick="showHide('claimText','hidden')" />Choice One
</label>
<br />
<label>
<input name="choice" id="claimno" type="radio" value="2" onclick="showHide('claimText','visible')" />Choice Two
</label>
<br />

<fieldset id="claimText" style="visibility:hidden;width:50%"><legend>Insurance Claim</legend>
Any accidents (Motor insurance Claims) or driving convictions in past 5 years.<br>
If yes please give details:</br>
<textarea id="claim" name="claim" rows="5" cols="15"></textarea>
</div>		
</fieldset>
<br>
<input type="submit" value="Submit">
</form>
</body>
</html>

Good Luck!

**jadhav.soma** · 02-20-2012 11:46 PM

try this one...............
you miss the one bracket...
((document.getElementById('yes').checked))
as well we don't need to submit form... check this one it will be helpful for you.........

<html>
<head>

<script type="text/javascript">
function Validate() {
if ((document.getElementById('yes').checked)) {document.myForm.claim.style.visibility='visible'}

}
</script>
</head>
<body>

<form name="myForm">
<input name="choice" id="yes" type="radio" value="1" />Choice One<br />
<input name="choice" id="no"type="radio" value="2" />Choice Two<br />

</br>Any accidents (Motor insurance Claims) or driving convictions in past 5 years if yes please give detail :</br>
<textarea name="claim" style="visibility:hidden;" rows="5" cols="15"></textarea>

</fieldset>
<br>
<input type="button" value="Submit" onclick="return Validate()">
</form>
</body>
</html>

**chrisboots** · 02-21-2012 01:47 AM

Originally Posted by JMRKER

If I understand your logic, this should be close to your needs...

Good Luck!

as well we don't need to submit form... check this one it will be helpful for you.........

[/QUOTE]

Thank you for the reply's, the files are on my work pc and ill test your codes when i get into work later. Also, the form this is on, is an email form, i cut most of it out, thats why the submit button is still there, i just forgot to cut it out

Thank you very much, code works. Your both amazing, thank you very very much

**chrisboots** · 02-21-2012 03:14 AM

Originally Posted by JMRKER

If I understand your logic, this should be close to your needs...

BEAUTIFUL! Is there any chance you would know how to do this with a drop down box rather than radio ?

**JMRKER** · 02-21-2012 11:17 AM

Originally Posted by chrisboots

BEAUTIFUL! Is there any chance you would know how to do this with a drop down box rather than radio ?

Sure, but you ought to determine your requirements before you make a request...

Code:

<html>
<head>
<script type="text/javascript">
function showHide(IDS,status) {
  if (status == '') { return; }
  document.getElementById(IDS).style.visibility = status;
}
</script>
</head>
<body>

<select id="claim" onchange="showHide('claimText',this.value)">
 <option value="">Choose</option>
 <option value="visible">Choice One</option>
 <option value="hidden">Choice Two</option>
</select>
<br />

<fieldset id="claimText" style="visibility:hidden;width:50%">
 <legend>Insurance Claim</legend>
 Any accidents (Motor insurance Claims) or driving convictions in past 5 years.<br>
 If yes please give details:</br>
 <textarea id="claim" name="claim" rows="5" cols="30"></textarea>
</fieldset>
<br>
</body>
</html>

Good Luck!

Thread: Make text box visible is checked=true

Thread Tools

Display

Make text box visible is checked=true

Something to consider...

Here you go ...

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions