JQuery radio button 제어

 

 

JQuery radio button 제어도 빠지면 섭섭할것같아서 제어 방법을 정리해놓는다.

 

//1. value값으로 체크하기
$("input[name='testRadio']:radio[value='test1']").attr("checked", true);

//3. 체크된 라디오버튼 value 값 가져오기
$("input[name='testRadio']:checked").val();
​$("input[name=testRadio]:radio:checked").val();
$("#testRadio:checked").val();
$(":radio[id='testRadio']:checked").val();
$(":radio[name='testRadio']:checked").val();

//4. 체크 해제
$("#testRadio").removeAttr("checked");

//5. 라디오버튼 활성화/비활성화
//비활성화
$("#testRadio").attr( "disabled" ); //jquery 1.6 이상부터는 prop을 써야한다고한다.
$("#testRadio").prop( "disabled" );
//활성화
$("#testRadio").removeAttr( "disabled" );

//6. 체크되어있는지 확인
$("input:radio[name=이름]').is(':checked");

//7. 라디오버튼 선택 안했을때 validate
if ($('input[name=testRadio]:radio:checked').length < 1 ) {
  alert("선택해라!");
  return false;
}