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 IamaSherpa on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Show Submit ONLY if a checkbox is checked 2
- Thread starter MikeT
- Start date
-
1
- #2
Here ya go -- 
It also turns it back off if they uncheck it.
<html>
<head>
<title>test</title>
<script language=javascript>
function checkIt(){
if (document.thisForm.c1.checked == true || document.thisForm.c2.checked == true)
document.thisForm.submit.disabled = false;
else
document.thisForm.submit.disabled = true;
}
</script>
</head>
<body onLoad="document.thisForm.submit.disabled = true;">
<form name=thisForm action="somepage.asp" method=post>
<input type=checkbox name=c1 onClick="checkIt();">
<input type=checkbox name=c2 onClick="checkIt();">
<input type=submit name=submit value=submit>
<input type=reset name=reset value=reset>
</form>
</body>
</html>
hope it helps!
Paul Prewett
It also turns it back off if they uncheck it.<html>
<head>
<title>test</title>
<script language=javascript>
function checkIt(){
if (document.thisForm.c1.checked == true || document.thisForm.c2.checked == true)
document.thisForm.submit.disabled = false;
else
document.thisForm.submit.disabled = true;
}
</script>
</head>
<body onLoad="document.thisForm.submit.disabled = true;">
<form name=thisForm action="somepage.asp" method=post>
<input type=checkbox name=c1 onClick="checkIt();">
<input type=checkbox name=c2 onClick="checkIt();">
<input type=submit name=submit value=submit>
<input type=reset name=reset value=reset>
</form>
</body>
</html>
hope it helps!
Paul Prewett
-
1
- #3
onedizzydevil
Programmer
One problem that I saw with code above is if you hit the reset button it clears the check boxes; however, it did not turn the 'submit' button back off. I add the resetIt() function to allow for this situation.
<html>
<head>
<title>test</title>
<script language=javascript>
function checkIt(){
if (document.thisForm.c1.checked == true || document.thisForm.c2.checked == true)
document.thisForm.submit.disabled = false;
else
document.thisForm.submit.disabled = true;
}
function restIt(){
document.thisForm.submit.disabled = true;
}
</script>
</head>
<body onLoad="document.thisForm.submit.disabled = true;">
<form name=thisForm action="somepage.asp" method=post>
<input type=checkbox name=c1 onClick="checkIt();">
<input type=checkbox name=c2 onClick="checkIt();">
<input type=submit name=submit value=submit>
<input type=reset name=reset value=reset onClick="restIt()">
</form>
</body>
</html>
I hope this was helpful.
Wayne Sellars
<html>
<head>
<title>test</title>
<script language=javascript>
function checkIt(){
if (document.thisForm.c1.checked == true || document.thisForm.c2.checked == true)
document.thisForm.submit.disabled = false;
else
document.thisForm.submit.disabled = true;
}
function restIt(){
document.thisForm.submit.disabled = true;
}
</script>
</head>
<body onLoad="document.thisForm.submit.disabled = true;">
<form name=thisForm action="somepage.asp" method=post>
<input type=checkbox name=c1 onClick="checkIt();">
<input type=checkbox name=c2 onClick="checkIt();">
<input type=submit name=submit value=submit>
<input type=reset name=reset value=reset onClick="restIt()">
</form>
</body>
</html>
I hope this was helpful.
Wayne Sellars
Here is the VBScript Version of what you are looking for...
<HTML>
<HEAD>
<script language=vbscript>
function checkbox1_onclick()
If Test.checkbox1.checked = True then
Test.submitMe.style.display=""
Else
Test.submitMe.style.display="none"
End If
end function
</script>
</Head>
<BODY>
<form ID=Test>
<input type=CheckBox ID=CheckBox1>
<input type=Submit Style="Display: none;" ID="SubmitMe" Value="Submit">
</form>
</BODY>
</HTML>
<HTML>
<HEAD>
<script language=vbscript>
function checkbox1_onclick()
If Test.checkbox1.checked = True then
Test.submitMe.style.display=""
Else
Test.submitMe.style.display="none"
End If
end function
</script>
</Head>
<BODY>
<form ID=Test>
<input type=CheckBox ID=CheckBox1>
<input type=Submit Style="Display: none;" ID="SubmitMe" Value="Submit">
</form>
</BODY>
</HTML>
- Status
Similar threads
