Solved

How to make the textbox enable on click of radiobutton

Posted on 2013-05-23
3
243 Views
Last Modified: 2013-06-07
<asp:radiobutton id="rageinmonths" Text="Months" id="agem" runat="server"/>
<asp:radiobutton id="rageinmonths" Text="Months" id="agem" runat="server"/>
<asp:label id="lblage" Text="" runat="server">
<asp:Textbox id="txtage" runat="Server" Text="" Enabled="false">

How to make the textbox enable on click on any radiobutton.
and the lblage to be assigned as "Age in Months" on click of rageinmonths and similarly for years.
0
Comment
Question by:searchsanjaysharma
  • 2
3 Comments
 
LVL 42

Expert Comment

by:sedgwick
ID: 39190431
u have 2 id attributes on each of the radio buttons.
also both are identical, have different ids for them.
0
 
LVL 42

Accepted Solution

by:
sedgwick earned 500 total points
ID: 39190463
html:
<asp:radiobutton id="rageinmonths" Text="Months" runat="server"/>
<asp:radiobutton id="rageinyears" Text="Years" runat="server"/>
<asp:label id="lblage" Text="" runat="server">
<asp:Textbox id="txtage" runat="Server" Text="" Enabled="false">

Open in new window


js:
$('#rageinmonths, #rageinyears').click(function(){
    $('#txtage').attr('disabled', '');
	$('#lblage').text('Age in ' + $(this).val());
});

Open in new window

0
 

Author Closing Comment

by:searchsanjaysharma
ID: 39228299
tx
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Angular- another way of coding hide and display 3 49
How to avoid jquery conflicts in Wordpress ? 4 32
jquery auto complete 11 17
Javascript Form Change 5 20
DOM Attributes and Properties treatment with jQuery 1.6 by Ivo Stoykov jQuery (http://jquery.com/) 1.6 introduces .prop() (http://api.jquery.com/prop/) and .removeProp() (http://api.jquery.com/removeProp/) methods which allow modifying or removi…
Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
The viewer will learn how to dynamically set the form action using jQuery.
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)

772 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