JQuery checkbox 컨트롤

JQuery checkbox 컨트롤

1. checkbox checked 여부

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

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

2. checkbox 전체 갯수

$('input:checkbox[name="checkbox_name"]').length;   // 이 경우는 name인 경우만 가능

3. checkbox 선택된 갯수

$('input:checkbox[name="checkbox_name"]:checked').length;   // 이 경우는 name인 경우만 가능

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

 

9. checkbox checked 여러건 처리하기

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