반응형
이전 포스팅에서 SelectBox, CheckBox를 제어하는 방법에 대해 설명하였다. 오늘은 radio 버튼을 제어하는 방법이다.
Radio 버튼은 체크박스처럼 제어할 수 있는게 몇가지 되지 않으니 쉽게 이해가 갈 것이다.
1. value값으로 체크하기
$("#radioTest:radio[value='orange']").attr("checked", true) ;
2. value값으로 체크 확인
$("#radioTest:radio[value='orange']").is(":checked") ;
* true / false 반환
3. 체크된 라디오버튼 value 값 가져오기
$('#radioTest:checked').val() ;
$(":radio[id='radioTest']:checked").val() ;
4. 체크 해제
$("#radioTest").removeAttr("checked") ;
5. 라디오버튼 활성화/비활성화 처리
- 비활성화
$("#radioTest").attr( "disabled" );
- 활성화
$("#radioTest").removeAttr( "disabled" );
'Language > JQuery' 카테고리의 다른 글
[jQuery] 문자열 앞뒤 공백제거 - $.trim() (0) | 2015.01.06 |
---|---|
Keyboard Event Code 모음 (event.keyCode) (0) | 2014.12.24 |
[jQuery] Checkbox 제어, 사용법 (0) | 2014.12.19 |
[jQuery] SelectBox 제어, 사용법 (0) | 2014.12.18 |
[jQuery] class 추가,삭제,존재여부 확인 - addClass, removeClass, hasClass (0) | 2014.12.05 |