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

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>