[JQuery] checkbox 제어

JQuery checkbox 제어

 

<input type="checkbox" id="id1"class="A" name="B"  checked/>

<input type="checkbox" id="id2"class="A" name="B" />

<input type="checkbox" id="id3"class="A" name="B" checked/>

<input type="checkbox" id="id4"class="A" name="B" />

<input type="checkbox" id="id5"class="A" name="B" checked/>

<input type="checkbox" id="id6"class="A" name="B" />

 

 

Selecter

$("input:checkbox[name='A']")  // 리스트

$("input:checkbox[id='id1']")

 

$('input:checkbox[name="B"]').is (":checked") // true  > 하나라도 체크되어있으면 true
$('input:checkbox[name="B"]').length; // 6
$('input:checkbox[name="B"]:checked').length; // 3  >체크되어있는 갯수 

 

// 선택된 checkbox 엘리먼트 순환 처리
$('input:checkbox[name="B"]').each(function(){     

      if(!this.checked){
         alert("체크되지 않았습니다.");
      }
});

// each문 안에서 return true false는 반복문의 continue, break를 의미함 flag이용해서 함수 별도 종료 필요

 

// 선택된 checkbox 엘리먼트 순환하며 특정 value일경우 체크
$('input:checkbox[name="checkbox_name"]').each(function(){
     if(this.value == "비교값"){
        this.checked = true;
     }
});

 

// 체크박스 체크 처리 (단일ID)
$('input:checkbox[id="id2"]').attr("checked", true);

 

//체크 여부 (단일ID)
$("#id1").is(":checked"); // true