[JQuery] input, select의 disabled 적용 및 해제 > 학습

본문 바로가기

사이트 내 전체검색

411,560명이 방문해 주셨습니다.

[  JQUERY  ] [JQuery] input, select의 disabled 적용 및 해제

작성일 20-03-16 22:43

페이지 정보

작성자최고관리자 조회 315회 댓글 0건

본문

input, select 태그의 입력 또는 선택을 가능/불가능 상태로 전환할 수 있는 제이쿼리 코드입니다.

<script>
//disabled 적용
function inptDisabled(){
    $(".disableBox input").attr("disabled","disabled"); //input disabled
    $(".disableBox select").attr("disabled","disabled"); //select disabled
}
 
//disabled 해제
function inptReDisabled(){
    $(".disableBox input").removeAttr("disabled"); //input remove disabled
    $(".disableBox select").removeAttr("disabled");  //input remove disabled
}
</script>


<div class="disableBox">
    <input type="text">
    <select>
        <option value="1">option-1</option>
        <option value="1">option-2</option>
    </select>

    <!-- disabled 적용/해제 버튼 { -->
    <button onclick="inptDisabled();">disabled 적용</button>
    <button onclick="inptReDisabled();">disabled 해제</button>
    <!-- } disabled 적용/해제 버튼 -->
</div>

댓글목록

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.