[ JQUERY ] [JQuery] input, select의 disabled 적용 및 해제
작성일 20-03-16 22:43
페이지 정보
작성자최고관리자 조회 276회 댓글 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>
댓글목록
등록된 댓글이 없습니다.