Solved

Disable textfield with checkbox

Posted on 2011-03-11
2
509 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
2 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Why is initialize not a function? 8 50
Bootstrap question 4 26
how to customize the text in the legend in highcharts 3 30
AngularJS: ng-repeat 25 19
This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
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.
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…

713 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