본문 바로가기

Programming/JQuery

jQuery checkbox 컨트롤

checkbox checked 여부 : 

- id로 체크하는 경우

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


- name으로 체크하는 경우

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


- $('input[id="checkbox_id"]') + 옵션 형태로 작성 가능

 $('input[name="checkbox_name"]').is(":checked") 



checkbox 갯수 확인 : 

- 전체 갯수 

$('input:checkbox[id="checkbox_name"]').length 


- 선택된 갯수

$('input:checkbox[id="checkbox_name"]:checked').length 


- 배열을 사용할 경우

$('input:checkbox[id ='checkbox_name[]"]:checked').length

$("input[id ='checkbox_name[]']:checked").length



checkbox checked 처리 :

- 개별

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


- 전체(동일한 id나 name으로 여래개인 경우 전체를 컨트롤 가능)

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

this.checked = true;

});



checkbox value 값 가져오기 :

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

 

 

참고적으로 만약 해당 id, name이 존재하지 않더라도 javascript 에러가 발생하지 않는다.


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

onchange 제거하기  (0) 2013.09.30
div 숨기기 / 보이기 (jQeury 버전)  (0) 2012.11.20
jQuery checkbox 컨트롤  (0) 2012.11.20
jQuery - 폼 지원 메소드  (0) 2012.04.27
jQuery - 스타일 관련 메소드  (0) 2012.04.26
jQuery Event - Browser Events  (0) 2012.04.26