Disable textfield with checkbox

Hey guys and gals,
I am pretty new to javascript so please bear with me.

I have a checkbox that when clicked, I would like to disable a textfield.

Here is my function:
<script type="text/javascript">
function disableForm()
{
	if (document.getElementById("fShipping").checked)
	{
		document.getElementById("freeLimit").disabled=true;
	}
}	
</script>

Open in new window


And here is my HTML:
<p id="freeShipping">
  <input name="fShipping" id="fShipping" type="checkbox" value="1" onFocus="disableForm()"/> 
  Free shippping on all orders over $
  <input name="freeLimit" id="freelimit" type="text" size="6" maxlength="6" />
</p>

Open in new window


Any ideas would be greatly appreciated!

Thanks,
Slim
LVL 4
Slim81Asked:
Who is Participating?
 
leakim971Connect With a Mentor PluritechnicianCommented:
Use onclick instead onfocus :

Be careful with the case : freeLimit instead freelimit

<p id="freeShipping">
  <input name="fShipping" id="fShipping" type="checkbox" value="1" onClick="disableForm()"/>
  Free shippping on all orders over $
  <input name="freeLimit" id="freeLimit" type="text" size="6" maxlength="6" />
</p>
<script type="text/javascript">
function disableForm() {
   document.getElementById("freeLimit").disabled = document.getElementById("fShipping").checked;
}	
</script>

Open in new window

0
 
Slim81Author Commented:
Right on.

Thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.