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 Quote Link to comment 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> Quote Link to comment Share on other sites More sharing options...
lucy Posted September 24, 2009 Author Share Posted September 24, 2009 Thanks, thats made more sense Quote Link to comment 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 Quote Link to comment 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" /> Quote Link to comment Share on other sites More sharing options...
lucy Posted September 24, 2009 Author Share Posted September 24, 2009 Thanks Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.