Jump to content

[SOLVED] enable/disable button


lucy

Recommended Posts

I am trying to make it so if the check box is checked, then the button is enabled, otherwise it should be disabled.

 

If the box is already checked, and then is unchecked, the button should become disabled.

 

Below is my (unworking) code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">

function enableField(){ 
if (document.form1.button.disabled=true){
	document.form1.button.disabled=false;
}
else {document.form1.button.disabled=true;}
}


</script>



</head>
<body>
<form id="form1" name="form1" method="post" action="">
      <input type="checkbox" name="check1" id="check1" onclick="enableField()"/>

    <input name="button" type="button" value="button" disabled="disabled"/>

</form>
</body>
</html>

 

Thanks,

Lucy

Link to comment
https://forums.phpfreaks.com/topic/175385-solved-enabledisable-button/
Share on other sites

try using this code, have a look and see what I changed;

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
function validate(chk)
{
if (chk.checked)
{
	document.form1.button.disabled = false;
}
else
{
	document.form1.button.disabled = true;
}
}
</script>



</head>
<body>
<form id="form1" name="form1" method="post" action="">
	<input type="checkbox" name="check1" id="check1" onclick="validate(check1)"/>
	<input name="button" type="button" value="button" disabled="disabled"/>
</form>
</body>
</html>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.