본문 바로가기

Language/JQuery

[jQuery] radio button 제어, 사용법

반응형

이전 포스팅에서 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" );