prop(), attr() 사용해서 - 버튼(button) 비활성화(사용안함) disabled() 처리 해보자.
사용법>
# 버튼의 비활성화(사용안함) - 버튼을 만들때는 <button> 이나 <input type="button"> 을 사용하면 된다.
버튼 속성값 disabled="disabled" 을 사용하면 비활성화 된다.
<button id="my_id" disabled="disabled">버튼</button>
or
<input type="button" id="my_id" value="버튼" disabled="disabled" />
# prop()로 버튼의 disabled 상태값 확인하기, return 값으로 boolean 을 반환한다, 따라서 조건문에 사용하면 된다.
- true: 사용하고 있다면 true를 반환한다.
- false: 사용안하고 있다면 false를 반환한다.
$("#[my_id]").prop("disabled")
# attr()로 버튼의 disabled 사용여부 바꾸기
- true: 사용함 상태로 바꾸기, 속성값 disabled="disabled" 추가 된다.
- false: 사용안함 상태로 바꾸기, 속성값 disabled="disabled" 삭제 된다.
$("#[my_id]").attr("disabled", true);
$("#[my_id]").attr("disabled", false);
예제>
<script>
...
// 버튼이 비활성화 되어있다면 다시 활성화 시켜줌
if($("#btn_id").prop("disabled")==true){
$("#btn_id").attr("disabled", false);
// <input type="button" id="'my_id" value="버튼" />
}
...
// 버튼을 클릭했을때 버튼을 비활성화 시킴
$("#btn_id").bind("click", function(){
$("#btn_id").attr("disabled", true);
// <input type="button" id="'my_id" value="버튼" disabled="disabled" />
});
</script>
<html>
...
<body>
<!-- 버튼 -->
<input type="button" id="'my_id" value="버튼" />
</body>
</html>
출처>
jQuery 사이트
prop()
Description: Get the value of a property for the first element in the set of matched elements.
attr()
Description: Get the value of an attribute for the first element in the set of matched elements.
'Software > Javascript&jQuery' 카테고리의 다른 글
| [Javascript] 페이지 중앙 위치 확인 - width, height 구하기, document.documentElement.clientWidth, window.innerWidth (0) | 2020.06.17 |
|---|---|
| [jQuery] toggle() 사용해서 특정 영역 숨기기, 보이기 (0) | 2020.05.24 |
| [jQuery] 마우스가 객체(버튼)에 올라왔을때 이벤트 처리 - mouseover, mouseout(객체를 벗어났을때) (0) | 2020.05.16 |
| [Javascript&jQuery] 자바스크립트 - 새로고침 location.reload() (0) | 2020.04.29 |
| [Javascrip&jQuery] .indexOf() 데이터 검색 - WHERE 절의 like 처럼 (0) | 2020.04.22 |