jquery radio 제어

jquery radio 제어.

jquery checkbox와 비슷하고. 

checkbox에선 같은 name에서 여러개가 선택되지만 radio에선 한개만 선택된다.

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

// 문서가 준비되면

$(document).ready(function(){

// checked/unchecked 처리

                                // true는 checked, false는 unchecked 처리

   // checkbox와 다른 점은 1,3을 체크해도 3만 체크 된다. 라디오는 name 같으면 한개만 선택 된다.

$("#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:radio[name="checks"]').each(function(i) {

console.log(this.checked);

console.log(this.value);

});

});

 

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

<br/>

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

<br/>

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

<br/>

 

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

jquery radio 제어 끝 ~ !!