Zmiana readonly w textarea

0

Cześć, chcę przyciskiem zmieniać wartość parametru readonly w polu tekstowym, tak aby można było włączyć edytowanie po naciśnięciu i po ponownym naciśnięciu zablokować edycję.

 let editLi=document.querySelectorAll('.edtBtn');
    for(let edit of editLi){
        edit.onclick=function(){
           let textArea=this.parentNode.firstChild;

            if(textArea.getAttribute('readonly')=="true"){
                textArea.setAttribute('readonly',"false");
            }
            else {
                 textArea.setAttribute('readonly',"true");
            }
        }

    }

powyższy kod zmienia wartość readonly z false na true i odwrotnie, ale nie można edytować pola. Chcę uzyskać zamierzony efekt beż używania jquery.

1

Tutaj masz podobny przykład tylko z option http://jsfiddle.net/baqxz7ym/2/

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0