checked selected

Programming/Jquery | 2013. 5. 29. 23:47
Posted by 오요미

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


'Programming > Jquery' 카테고리의 다른 글

jQuery v1.4.2 에서 웹브라우저 종류 체크, $.browser.msie  (0) 2014.02.05
jquery note day 1  (0) 2013.09.27
jquery API tokeninput  (0) 2013.03.08
1장 jquery 함수&메서드 정리  (0) 2012.12.26
jquery 입문  (0) 2012.12.26
 
블로그 이미지

오요미

공부할 수 있는 순간을 감사하며 공부하라.

카테고리

분류 전체보기 (121)
Electronics (1)
Programming (72)
Culturallife (30)
English (11)
취업 (1)
대학원 (4)
Life (1)