Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
command button invisible until checkbox is ticked 1
- Thread starter smurf01
- Start date
Have a look at this from DynamicDrive
Should be able to adapt it to your requirements
Cheech
[Peace][Pipe]
If you don't stand up for something, you'll fall down. Toke it Easy.
Howard Marks. Visit the forum at
Should be able to adapt it to your requirements
Cheech
[Peace][Pipe]
If you don't stand up for something, you'll fall down. Toke it Easy.
Howard Marks. Visit the forum at
-
1
- #3
MikeBronner
Programmer
Yes, it is. You could use javascript in conjunction with CSS. Alternatively you could disable the button until the checkbox is marked (more common method). Here's how it works:
Alternatively for the invisible button:
Hope this helps
Take Care,
Mike
Code:
<html>
<head>
<script language="JavaScript" type="text/javascript">
function toggleButton(thisButton)
{
thisButton = document.getElementById(thisButton);
if (thisButton.disabled == false) {thisButton.disabled = true;}
else {thisButton.disabled = false;}
}
</script>
</head>
<body>
<form>
<input type="checkbox" onclick="toggleButton('btnTest');">
<input type="button" name="btnTest" disabled="disabled" value="Test Button">
</form>
</body>
</html>Alternatively for the invisible button:
Code:
<html>
<head>
<script language="JavaScript" type="text/javascript">
function toggleButton(thisButton)
{
var btnTest = document.getElementById(thisButton);
if (btnTest.style.visibility == "hidden") {btnTest.style.visibility = "visible";}
else {btnTest.style.visibility = "hidden";}
}
</script>
</head>
<body>
<form name="frmTest">
<input type="checkbox" onclick="toggleButton('btnTest');">
<input type="button" name="btnTest" style="visibility: hidden;" value="Test Button">
</form>
</body>
</html>Hope this helps
Take Care,
Mike
- Thread starter
- #4
Michael,
I had managed to sort this out using code I adapted from the link that Cheech sent me, However your code is more elegant and works better than mine so I will be using it from now on. Thank you very much
A "STAR" is on it's way
:-D![[2thumbsup]](/data/assets/smilies/2thumbsup.gif "[2thumbsup] [2thumbsup]")
:-D
Regards
Paul
I had managed to sort this out using code I adapted from the link that Cheech sent me, However your code is more elegant and works better than mine so I will be using it from now on. Thank you very much
A "STAR" is on it's way
:-D
:-DRegards
Paul
- Status
Similar threads
- Locked
- Question
- Locked
- Question