Language/JQuery
[jQuery] radio button 제어, 사용법
과일가게 개발자
2014. 12. 22. 08:00
반응형
이전 포스팅에서 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" );