JavaScript Readonly attribute

Question

I am facing a problem with a JavaScript readonly field. I have a textboxes which I am making readonly.

 if(val == true)
{    
    ddlCnt.value=objRec.iCntId;
    tAdd1.value=objRec.sAddress1;        
    tAdd2.value=objRec.sAddress2;        
    tCity.value=objRec.sCity;
    tState.value=objRec.sState;
    tZip.value=objRec.sZip;

    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = true;
    tAdd1.setAttribute("readonly", true);
    tAdd2.setAttribute("readonly", true);
    tCity.setAttribute("readonly", true);
    tState.setAttribute("readonly", true);
    tZip.setAttribute("readonly", true);
}

It is working fine. Now to deactivate this readonly property I used

else
{    
    tAdd1.value = tAdd2.value = tCity.value = tState.value = tZip.value = "";        
    //tAdd1.disabled = tAdd2.disabled = tCity.disabled = tState.disabled = tZip.disabled = ddlCnt.disabled = false;
    ddlCnt.value="-1";
    vsRec.innerHTML='';     
    tAdd1.setAttribute("readonly", false);
    tAdd2.setAttribute("readonly", false);
    tCity.setAttribute("readonly", false);
    tState.setAttribute("readonly", false);
    tZip.setAttribute("readonly", false);

    //vsRec.style.visibility='hidden';             
}

But it is not working at all. Can any one please help me out of this problem or any suggestion or tips that can help me a lot regarding this (and why this is not working?).

David Rodrigues · Accepted Answer · 2011-05-20 06:44:31Z

7

You need to remove the attribute with removeAttribute.

tAdd1.removeAttribute("readonly");
tAdd2.removeAttribute("readonly");
tCity.removeAttribute("readonly");
tState.removeAttribute("readonly");
tZip.removeAttribute("readonly");

answered May 20, 2011 at 6:44

David Rodrigues

12.6k17 gold badges68 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Arindam Rudra Over a year ago

I will must accept your answer. It is not giving the permission to accept your answer before 3 minutes.

ADW · Accepted Answer · 2011-05-20 06:44:29Z

3

You need to remove the readonly attribute, e.g.:

tAdd1.removeAttribute("readonly");

answered May 20, 2011 at 6:44

ADW

4,08019 silver badges13 bronze badges

Comments

Andrew Cooper · Accepted Answer · 2011-05-20 06:45:07Z

3

readonly is not a true/false attribute, it's a present/not-present attribute. You need to remove the attribute, not set it to false.

answered May 20, 2011 at 6:45

Andrew Cooper

32.7k5 gold badges86 silver badges124 bronze badges

Comments

Adil · Accepted Answer · 2011-05-20 06:46:37Z

3

The presence of the readonly attribute causes the input box to become read-only, not setting it to true or false. Remove the attributes.

answered May 20, 2011 at 6:46

Adil

2,1324 gold badges27 silver badges37 bronze badges

Collectives™ on Stack Overflow

JavaScript Readonly attribute

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related