FORM Help needed Please

Hi Everyone, I am attempting to modify a form so that I can include a way that the user can check box and then have certain other fields be active (able to fill in) and check another box and have those same fields be grayed out (not able to fill in) Is this possible? I have an example if necessary. Please scroll down on the form to the red and yellow highlights, there is a description there. http://www.yourpagetoday.com/reg_form1.htm

Thanks a bunch everyone.
~Jo.

 

Try these, but check 'em in a few browsers (the example you gave didn't work for me using Firefox).

http://dougal.gunters.org/test/dynform/

http://www.sitepoint.com/forums/archive/index.php/t-61823.html

 

Hi, I just took a quick look at the first link you posted, that looks exactly like what I am thinking of. I will check it out, and experiment with it.
Thank you very much!!!!!
~Jo

 

OK I have been playing with the script and I have determined that this is exactly what I am looking for but.....I have a small dilemma...please look
http://www.yourpagetoday.com/testingForm.htm

Thank you once again!
~JO

 

Ok, I should have checked this before posting. The Sitepoint one you are trying doesn't seem to like Firefox either. The http://dougal.gunters.org/test/dynform/ method works in IE and Firefox.

Here's an amended version that does what you want:
http://www.itorg.co.uk/test.html

Basically the same but with the Toggle function doubled up...

// Toggle the state of a form element.
function toggle(what,how,what2,how2) {
if (what.disabled) {
enable(what,how);
} else {
disable(what,how);
}
if (what2.disabled) {
enable(what2,how2);
} else {
disable(what2,how2);
}
}

...and the input onclick changed accordingly...

<input type="checkbox" name="CheckOne" value="ON" onclick="toggle(Input1,true,Input2,true)" checked>

 

ps. Also just noticed the Reset button on the original needs fixing (unticking the box then clicking reset doesn't reset the state of the fields)

Here's a fixed one...

http://www.itorg.co.uk/test2.html

...just needed calls to the enable function from the reset button:
<input type="reset" value="Reset" name="Reset" onclick="enable(Input1);enable(Input2)">

None of this is gonna win any tidy code awards, but it does the job!

 

Thank you so much! You have no idea how much time you have saved me, not to mention stress. I truly appreciate this. I am good in the design end of things but just a rookie scripter, although I do understand it well. Ok, I am off for another round of testing. THANK YOU AGAIN!!!
~Jo.

 

Hi There,
Ok I have tried very hard to get this down pat, and while I understand what needs to be done, I am getting confused.....see... http://www.yourpagetoday.com/Untitled-6.htm

~Arg LOL

 

Wow, just got it, I re-copied your code, tried it again, and it worked with 3 fields, ok here goes 4 and 5.
By Golly I think I got it!

~Jo.