jquery checkbox 제어

jquery checkbox 제어

jquery로 checkbox checked, unchecked 여부 확인 및 처리 하기

//--------------------------------------------------------------------------------------------------------------------------------------

// 문서가 준비되면

$(document).ready(function(){

// checked/unchecked 처리

                                // true는 checked, false는 unchecked 처리

$("#check1").prop("checked", true); 

$("#check2").prop("checked", false);

$("#check3").prop("checked", true); 

// checked 여부 확인

var check1 = $("#check1").is(":checked");

var check2 = $("#check2").is(":checked");

var check3 = $("#check3").is(":checked");

// 체크 박스 전체 확인

$('input:checkbox[name="checks"]').each(function(i) {

console.log(this.checked);

console.log(this.value);

});

});

  

<input type="checkbox" id="check1" name="checks" value="3" /> 체크1

<br/>

<input type="checkbox" id="check2" name="checks" value="2" /> 체크2

<br/>

<input type="checkbox" id="check3" name="checks" value="1" />  체크3

<br/>

 

//--------------------------------------------------------------------------------------------------------------------------------------

jquery checkbox 제어 끝 ~ !!