프로그래밍/Frontend

JQuery checkbox

Ubar 2016. 1. 20. 13:59

checkbox checked 여부

  • id인 경우
$('input:checkbox[id="checkbox_id"]').is(":checked") == true
  • name인 경우
$('input:checkbox[name="checkbox_name"]').is(":checked") == true

 

checkbox 전체 갯수(이 경우는 name인 경우만 가능)

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

 

checkbox 선택된 갯수(이 경우는 name인 경우만 가능)

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

 

checkbox 전체 순회하며 처리(동일한 name으로  여러 개인 경우)

$('input:checkbox[name="checkbox_name"]').each(function(){
  this.checked = true; //checked 처리
  if(this.checked){
    alert(this.value);
  }
});

 

checkbox 전체 값을 순회하며, 비교하여 checked 처리

$('input:checkbox[name="checkbox_name"]').each(function(){
  if(this.value == "비교값"){
    this.checked = true;
  }
});

 

checkbox value값 가져오기(단일건)

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

 

checkbox checked 처리하기(단일건)

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

 

checkbox checked 여부 확인(단일건)

$("#checkbox_id").is(":checked");