티스토리 뷰

Java Script & HTML

jquery checkbox 제어

LichKing 2015. 1. 2. 16:13

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 에러가 발생하지 않는다.


출처 : http://isstory83.tistory.com/112

'Java Script & HTML' 카테고리의 다른 글

브라우저 탐색  (0) 2015.07.24
javascript AJAX  (0) 2015.01.15
jquery checkbox 제어  (0) 2015.01.02
정규표현식 모음  (0) 2014.12.24
null과 undefined 차이  (0) 2014.12.18
radio button 체크된 값 가져오기  (0) 2014.12.12
댓글
댓글쓰기 폼