[Javascript]라디오버튼 선택 값 가져오기

* jQuery를 사용하여 라디오 버튼 클릭시 선택 값 가져오기

---

• 노랑색
• 파랑색
• 초록색

---

 

<Script 해석>

1. id값이 rdoBtn1 의 버튼을 클릭시

2. input name이 "rdo"인 개체중 check가 되어진 value값을 rdoVal에 변수에 선언

3. 출력한다(rdoVal)

 

 
<ul>
  <li><label for="r1"><input name="rdo" id="r1" type="radio" value="노란색" checked="checked"/>노랑색</label></li>
  <li><label for="r2"><input name="rdo" id="r2" type="radio" value="파란색" />파랑색</label></li>
  <li><label for="r3"><input name="rdo" id="r3" type="radio" value="초록색" />초록색</label></li>
</ul>
 
<p>
  <button id="rdoBtn1" name="btn" type="button">버튼 값 확인</button>
</p>
<script type="text/javascript">
  $(document).ready(function () {
    $('#rdoBtn1').click(function () {
      var rdoVal = $('input[name="rdo"]:checked').val();
      alert(rdoVal);
    });
  });
</script>