lucy Posted September 24, 2009 Share Posted September 24, 2009 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 More sharing options...
gevans Posted September 24, 2009 Share Posted September 24, 2009 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> Link to comment https://forums.phpfreaks.com/topic/175385-solved-enabledisable-button/#findComment-924219 Share on other sites More sharing options...
lucy Posted September 24, 2009 Author Share Posted September 24, 2009 Thanks, thats made more sense Link to comment https://forums.phpfreaks.com/topic/175385-solved-enabledisable-button/#findComment-924227 Share on other sites More sharing options...
lucy Posted September 24, 2009 Author Share Posted September 24, 2009 This code works fine to enable and disable the button, but it wont let me use the button to do its job of submitting the form, any ideas why? Thanks, Lucy Link to comment https://forums.phpfreaks.com/topic/175385-solved-enabledisable-button/#findComment-924237 Share on other sites More sharing options...
gevans Posted September 24, 2009 Share Posted September 24, 2009 You need to use a submit button, not just a button; <input type="submit" name="button" value="Submit" /> Link to comment https://forums.phpfreaks.com/topic/175385-solved-enabledisable-button/#findComment-924250 Share on other sites More sharing options...
lucy Posted September 24, 2009 Author Share Posted September 24, 2009 Thanks Link to comment https://forums.phpfreaks.com/topic/175385-solved-enabledisable-button/#findComment-924268 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.