enabled textbox in asp.net with javascript

Question

0.00/5 (No votes)

See more:

I set my three textbox enabled=false in asp and I want to change their enabled = true
when one of my three radio button checked.but it does not work

JavaScript

<head  runat="server">
<script language="javascript" type="text/javascript">


 function Radio1_onclick() {

            document.getElementById('TextBox1').Enabled = true;
        }

 function Radio2_onclick() {
            document.getElementById('TextBox2').Enabled = true;
        }

 function Radio3_onclick() {
            document.getElementById('TextBox1').Enabled = true;
            document.getElementById('TextBox2').Enabled = true;
        }

</script>

</head>

HTML

<body>
    <form id="form1" runat="server">
<div>

<table>

<tr>
  <td class="style1">  
     <asp:Label ID="Label1" runat="server" Text="شماره dsl :">    <asp:TextBox ID="TextBox1"  runat="server" Enabled="False"></td>
  <td class="style2"> 
<asp:Label ID="Label2" runat="server" Text="کد کاربری :"> <asp:TextBox ID="TextBox2" runat="server" Enabled="False"></td>
               
 </tr>


<tr>
<td> <asp:Label ID="Label3" runat="server" Text="DSL :">
            
<input id="Radio1" type="radio" value="rd1" name="val"   önclick="return Radio1_onclick()" /></td>
            
<td> <asp:Label ID="Label4" runat="server" Text="کد کاربری :"> 
            
<input id="Radio2" type="radio" value="rd2" name="val"   önclick="return Radio2_onclick()" /></td>
            
<td> <asp:Label ID="Label5" runat="server" Text="هر دو"> 
            
<input id="Radio3" type="radio" value="rd3" name="val"   önclick="return Radio3_onclick()" /></td>
            </tr>

</table>

</div>
    </form>
</body>
</html>

Posted 19-Jul-11 4:44am

elmirag

Updated 19-Jul-11 5:07am

RaisKazi

v5

Add a Solution

2 solutions

Solution 1

I guess you have Third text box as "TextBox3" and you want to enable all three textboxes if any radio button is checked.

Write one common Javascript function "EnableTextboxes()" and call it on onClick event of your Radio Buttons.

function EnableTextboxes() 
{
 if(document.getElementById('<%= Radio1 %>').checked || document.getElementById('<%= Radio2 %>').checked ||
document.getElementById('<%= Radio3 %>').checked)
{
 document.getElementById('<%= TextBox1.ClientID %>').disabled = false;
  document.getElementById('<%= TextBox2.ClientID %>').disabled = false;
document.getElementById('<%= TextBox3.ClientID %>').disabled = false;
|

}

<input id="Radio1" type="radio" value="rd1" name="val"   önclick="return EnableTextboxes()" />
                      
<input id="Radio2" type="radio" value="rd2" name="val"   önclick="return EnableTextboxes()" />
                       
<input id="Radio3" type="radio" value="rd3" name="val"   önclick="return EnableTextboxes()" />

Posted 19-Jul-11 5:02am

RaisKazi

Updated 19-Jul-11 5:21am

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

csharpbd · Accepted Answer · 2011-07-19T08:25:00

try use this code:

XML

<script language="javascript" type="text/javascript">

 function Radio1_onclick() {                                                                                
            document.getElementById('<%= TextBox1.ClientID %>').disabled = false;
        }
 function Radio2_onclick() {
            document.getElementById('<%= TextBox2.ClientID %>').disabled = false;
        }
 function Radio3_onclick() {
            document.getElementById('<%= TextBox1.ClientID %>').disabled = false;
            document.getElementById('<%= TextBox2.ClientID %>').disabled = false;
        }                                                                                           
</script>

or this code:

XML

<script language="javascript" type="text/javascript">

function Radio_onclick() {
if(document.getElementById('Radio1').checked){
            document.getElementById('<%= TextBox1.ClientID %>').disabled = false;
        }
else if(document.getElementById('Radio2').checked){
            document.getElementById('<%= TextBox2.ClientID %>').disabled = false;
        }
else if(document.getElementById('Radio3').checked){
            document.getElementById('<%= TextBox1.ClientID %>').disabled = false;
            document.getElementById('<%= TextBox2.ClientID %>').disabled = false;
}                                                                                                             

</script>

call Radio_onclick function all radio button onclick event.