[jQuery] 제이쿼리(jquery)의 radio button 확인

 

Radio Button의 제이쿼리(jQuery) 이벤트를 통하여 제어가 가능합니다.

 

<div class="radio">
    <input type="radio" id="radio_1" name="radioType" value="1" checked><label for="radio_1">1</label>
    <input type="radio" id="radio_2" name="radioType" value="2"><label for="radio_2">2</label>
    <input type="radio" id="radio_3" name="radioType" value="3"><label for="radio_3">3</label>
    <input type="radio" id="radio_4" name="radioType" value="4"><label for="radio_4">4</label>
</div>

 

제이쿼리(jQuery)의 radio button 체크된 value 값 확인

제이쿼리(jQuery)를 활용하여 라디오 버튼의 체크된 value 값을 확인할 수 있습니다.

// radio button 체크된 value 값 출력

console.log($('input[name="radioType"]:checked').val());

 

제이쿼리(jQuery)의 value 값으로 radio button 체크하기

제이쿼리(jQuery)를 활용하여 value 값을 통하여 라디오 버튼의 체크를할 수 있습니다.

// value 값으로 radio button 체크하기
// value 값 2 radio button 체크하기

$('input:radio[name="radioType"]:input[value='2']"').attr("checked", true);