Programing/JavaScript

Jquery CheckBox 컨트롤

한설림 2016. 10. 17. 16:28

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 전체 갯수(이 경우는 name인 경우만 가능)
$('input:checkbox[name="checkbox_name"]').length;



3. checkbox 선택된 갯수(이 경우는 name인 경우만 가능)
$('input:checkbox[name="checkbox_name"]:checked').length;



4. checkbox 전체 순회하며 처리(동일한 name으로  여러 개인 경우)
$('input:checkbox[name="checkbox_name"]').each(function(){
      this.checked = true; //checked 처리
      if(this.checked){
         alert(this.value);
      }
});



5.checkbox 전체 값을 순회하며, 비교하여 checked 처리
$('input:checkbox[name="checkbox_name"]').each(function(){
     if(this.value == "비교값"){
        this.checked = true;
     }
});



6.checkbox value값 가져오기(단일건)
$('input:checkbox[id="checkbox_id"]').val();



7. checkbox checked 처리하기(단일건)
$('input:checkbox[id="checkbox_id"]').attr("checked", true);



8. checkbox checked 여부 확인(단일건)
$("#checkbox_id").is(":checked");