jQuery checkbox 컨트롤

Language/jQuery 2014. 12. 8. 12:37

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

 

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

'Language > jQuery' 카테고리의 다른 글

jQuery:$.extend() 와 $.fn.extend()  (0) 2016.12.15
jQuery Mask Plugin  (0) 2014.12.10
jQuery grid - jqGrid  (0) 2014.11.20
jQuery BlockUI Plugin  (0) 2014.11.20
jquery ui plug-in  (0) 2014.11.18
: