making textbox readonly in javascript

Question

1.00/5 (1 vote)

See more:

I am having two radio buttons and two textbox. When I click on first checkbox, both texbox should not be readonly. But when I select second radio button it should make both text box readonly. I googled and found many solutions but don't kno why it is not working in my code.

My code is as follows:

ASP.NET

<asp:RadioButton ID="mailNew" Text="New" runat="server" GroupName="mail_select" onclick="showHide(1)" ClientIDMode="Static" /><br />
        
<asp:RadioButton ID="mailExisting" Text="Existing" runat="server" GroupName="mail_select" onclick="showHide(1)" ClientIDMode="Static" />

<asp:TextBox ID="txtPromotion" runat="server" Width="77px" ></asp:TextBox><br />
<asp:TextBox ID="txtSubject" runat="server" Width="288px"></asp:TextBox>

Javascript:

JavaScript

<script type="text/javascript">
        function showHide(val) {
            var txtpid=document.getElementById(<% = txtPromotion %>)
            var txtsub=document.getElementById(<% = txtSubject %>)
            if (val == 2) {
                txtpid.readOnly = false;
                txtsub.readOnly=false;
            }
            if (val == 1) {
                txtpid.setAttribute("readOnly,true");
                txtpid.setAttribute("readOnly.true");
            }
        }

Posted 10-Feb-14 0:30am

Ami_Modi

Add a Solution

Comments

[no name] 10-Feb-14 6:45am

for making text box readonly
try document.getElementById('textbox-id').readOnly=true
or
textbox-id.Attributes.Add("readonly","readonly")

Kornfeld Eliyahu Peter 10-Feb-14 6:51am

You may complete your code...it can be of help.

3 solutions

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)

Karthik_Mahalingam · Answer 1 · 2014-02-10T01:34:00

Solution 2

Javascript Textbox Readonly[^]

Posted 10-Feb-14 1:34am

Karthik_Mahalingam

Kornfeld Eliyahu Peter · Answer 2 · 2014-02-10T01:25:00

Solution 1

making textbox readonly in javascript[^]

Posted 10-Feb-14 1:25am

Kornfeld Eliyahu Peter

Comments

Ami_Modi 10-Feb-14 7:38am

I have only posted the answer in the link above

Kornfeld Eliyahu Peter 10-Feb-14 7:42am

It not too welcome to post the same question twice...
Not a good behavior...

Ami_Modi 10-Feb-14 7:44am

Actually it happened by mistake. Sorry for that.

Kornfeld Eliyahu Peter 10-Feb-14 7:54am

You have been condoned my son!

Ami_Modi 10-Feb-14 22:43pm

I didn't get whole question here. So I edited and don't know what happened it became another question. I didn't do it intentionally.

Ami_Modi · Answer 3 · 2014-02-10T01:46:00

C#

function showHide(val) {
    var txtpid=document.getElementById('<% = txtPromotion.ClientID %>')
    var txtsub= document.getElementById('<% = txtSubject.ClientID %>');
    if (val == 2) {
        txtpid.readOnly = false;
        txtsub.readOnly = false;
    }
    else if (val == 1) {
        txtsub.readOnly = true;
        txtpid.readOnly = true;
    }
}

This solved my problem