용어 뜻:
출처:
텍스트 입력 필드나 select 콤보박스의 경우에
사용자가 입력한 값을 수정 불가능하게 만들어야 할 일이 생긴다.
readonly: text 필드의 경우 readonly 속성을 주면 수정이 불가능한 읽기 상태가 된다.
1
2
3
4
5
|
$("input[name=id]").attr("readonly", true);
name이 id인 input 필드의 속성을 readonly로 변경 처리
$("input").attr("readonly", true);
모든 input 필드의 속성을 readonly로
| cs |
disabled: 수정 불가 뿐 아니라 전송(submit)도 안 된다.
id/password 같은 경우에 disabled 속성을 줬다가 submit 하기 전에 disabled 속성을 풀어주는 방식으로 처리한다.
1
2
3
4
5
|
$(".inputArea_kgmb input").attr("disabled", "disabled");
inputArea_kgmb class 내의 모든 태그를 disabled 처리
$(".inputArea_kgmb select").attr("disabled", "disabled");
inputArea_kgmb class 내의 모든 select 태그를 disabled
| cs |
1
2
3
4
5
6
7
8
9
10
11
|
function fieldDisabled(){
//입력 필드 disabled
$(".inputArea_kgmb input").attr("disabled", "disabled");
$(".inputArea_kgmb select").attr("disabled", "disabled");
}
function fieldDisabledCancel(){
//입력 필드 disabled 해제
$(".inputArea_kgmb input").removeAttr("disabled");
$(".inputArea_kgmb select").removeAttr("disabled");
}
| cs |
이런 식으로 함수를 만들어 놓고 사용한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
$("input[name=id]").attr("readonly", true);
$("input[name=sel]").attr("disabled", true);
jQuery에서 사용할 형식은 이런 식이고
<script>
function sub(){
$("input[name=id]").attr("readonly", true);
$("input[name=sel]").attr("disabled", true);
}
</script>
<body>
<form>
<input type = "text" name = "id">
1번 <input type = "radio" name = "sel">
2번 <input type = "radio" name = "sel">
<input type = "button" value = "전송" onClick = "sub()">
</form>
</body>
이런 식으로 사용하면 된다.
| cs |
TREN-D, 2016-11-02, http://tren-d.tistory.com/entry/jQuery-input-text-select-disabled-%EC%B2%98%EB%A6%AC
정윤재의 정리노트, 2016-11-02, http://shonm.tistory.com/261
댓글
댓글 쓰기