The jQuery library provides various options
to work with Textboxes, in this post Asp.Net jQuery Textbox Enable, we shall see on how to enable an Asp.net Textbox
control which was previously disabled.
We can disable a Textboxes using jQuery as
follows.
$('#txtEnableDisable').prop("disabled", false);
Example
Create a new HTML/ASPX page
Copy the below code.
Change the mapping of the jQuery file jquery-1.7.2.js to map to your local drive.
Run the application, Click on the Enable Radio Button to remove the disable Property
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<head runat="server">
<title>TextBox</title>
<link type="text/css"
href="Stylesheet.css"
rel="Stylesheet" />
<script
type="text/javascript"
src="JavaScript/jquery-1.7.2.js"></script>
<script
type="text/javascript"
language="javascript">
$(document).ready(function() {
//
//
TextBox Enable
$('#radEnableDisable_0').click(function() {
if
($('#radEnableDisable_0:checked').is(':checked')) {
$('#txtEnableDisable').val('');
$('#txtEnableDisable').prop("disabled", false);
$('#txtEnableDisable').focus();
}
});
});
</script>
</head>
<body>
<form id="frmTextBox" runat="server">
<div id="pageControls">
<table>
<tr>
<td>Textbox
(Enable/Disable)</td>
<td>
<asp:TextBox id="txtEnableDisable"
runat="server"></asp:TextBox>
runat="server"></asp:TextBox>
<asp:RadioButtonList
ID="radEnableDisable"
runat="server"
RepeatDirection="Horizontal">
ID="radEnableDisable"
runat="server"
RepeatDirection="Horizontal">
<asp:ListItem
Value="Enable"
Text="Enable"></asp:ListItem>
Value="Enable"
Text="Enable"></asp:ListItem>
<asp:ListItem
Value="Disable"
Text="Disable"></asp:ListItem>
Value="Disable"
Text="Disable"></asp:ListItem>
</asp:RadioButtonList>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Related
Posts
Asp.Net jQuery get Textbox Values
Asp.Net jQuery Textbox set ReadOnly
Asp.Net jQuery Textbox Remove ReadOnly
Asp.Net jQuery Textbox Disable
Asp.Net jQuery Textbox Enable
Asp.Net jQuery get Textbox Values
Asp.Net jQuery Textbox set ReadOnly
Asp.Net jQuery Textbox Remove ReadOnly
Asp.Net jQuery Textbox Disable
Asp.Net jQuery Textbox Enable
No comments:
Post a Comment