JQuery 라디오 radio 체크박스 checkbox 컨트롤

1. JQuery checkbox 컨트롤

1) checkbox checked 여부

id 인 경우 : $('input:checkbox[id="checkbox_id" ]').is(":checked") == true;

name인 경우 : $('input:checkbox[name="checkbox_name"]').is(":checked") == true;

2) checkbox 전체 갯수 : $(".class_name").size();

3) checkbox 선택된 갯수 : $(".class_name:checked").size();

4) checkbox 전체 순회 하며 checked 처리

$('input:checkbox[name="checkbox_name"]').each(function() {

this.checked = true;

// if ( $(this).is(":checked") ) {

// 처리로직;

// }

});

5) checkbox value 값 가져오기

$('input:checkbox[id="checkbox_id"]').val();

6) checkbox checked 처리하기

$('input:checkbox[id="checkbox_id"]').attr("checked", true);

2. JQuery radio 버튼 컨트롤

1) 선택된 라디오 버튼 값 가져오기

$('input:radio[name="certWay"]').val();

$(':radio[name="radio"]:checked').val();

if($(':radio[name="radio_name"]:checked').length == 0) { alert('설문을 선택하세요'); return; }

3. JQuery select box 컨트롤

1) selelct box 내용 가져오기

$('#select_box > option:selected').val();

2) 값 설정

$('#select_box > option[value=지정값]').attr('selected', 'true');

3) select disabled

$('#select_box').attr('disabled', 'true');

[출처] JQuery 라디오radio 체크박스checkbox|작성자 freesemo