input, textarea 등의 속성을 스크립트를 이용해 바꿔줘야 할 경우가 발생한다.

 

JQuery를 이용해서 속성을 변경하면 그냥 readonly로 써서 적용이 가능하나

<script type="text/javascript">
    $(function(){
    
        $("#txt").attr("readonly",true);        // readonly 처리
        
        $("#txt").removeAttr("readonly");       // readonly 삭제
    }
</script>

<body>
    <input type="text" id="txt">
</body>

script로 사용할 경우

<script type="text/javascript">

        document.getElementById("txt").readOnly=true;        // readonly 처리
       
        document.getElementById("txt").readOnly=false;       // readonly 삭제
</script>

<body>
    <input type="text" id="txt">
</body>

 

" readonly "가 아닌 " readOnly "와 같이 사용해줘야 한다.


' > Javascript' 카테고리의 다른 글

[Javascript] 대화상자(알림창, 확인창, 질문창)  (0) 2020.02.27
[Javascript] 정규표현식  (0) 2019.12.30

+ Recent posts