Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Disable textfield with checkbox

Posted on 2011-03-11
2
Medium Priority
?
514 Views
Last Modified: 2012-05-11
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
0
Comment
Question by:Slim81
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 2000 total points
ID: 35112969
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
 
LVL 4

Author Closing Comment

by:Slim81
ID: 35113085
Right on.

Thanks!
0

Featured Post

The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question