Programming/Jquery

checked selected

오요미 2013. 5. 29. 23:47

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 전체 갯수 : $('input:checkbox [ name="checkbox_name"]').length

3) checkbox 선택된 갯수 : $('input:checkbox [ name="checkbox_name"]:checked').length

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();

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');