jQuery – radio 정리

• radio 값 확인

// id 확인
$('input[name="name_radio"]:checked').attr('id');


// value 확인
$('input[name="name_radio"]:checked').val();

• radio 속성 변경

// 전체 radio 속성 변경
$('input[name="name_radio"]').each(function() {
	$(this).prop('checked', true or false);
        $(this).prop('disabled', true or false);

});

// 특정 radio 속성 변경
$('#id_radio').prop('checked', true or false);
$('#id_radio').prop('disabled', true or false);

// 특정 radio 속성 반전
$('#id_radio').prop('checked', !$('#id_radio').prop('checked'));
$('#id_radio').prop('disabled', !$('#id_radio').prop('disabled'));

• radio 갯수 체크

// 특정 radio 갯수 카운트
$('input[name="name_radio"]').length;
	 
// Check된 radio 카운트 
$('input[name="name_radio"]:checked').length;
	 
// Check 되지않은 radio 카운트 
$('input[name="name_radio"]:not(:checked)').length;

• radio 변경 감지

$('input[name="name_radio"]').change(function() {
    // 관련 radio for-each문
    $('input[name="rdchk"]').each(function() {
        var checked = $(this).prop('checked');  // jQuery 1.6 미만 ( var checked = $(this).attr('checked'); )
	 
        if(checked){
           // 변경이 감지된 영역
        }
	            
    });
});