radio버튼

  안녕하세요?
  지난번에는 checkbox를 배웠는데 오늘은 그와 유사한 radio에 대해서 배우겠습니다. 체크박스는 한번에 여러개가 선택이 가능하지만 라디오버튼은 한번에 하나밖에 선택이 안됩니다. 같은 이름을 가진 라디오에서는 하나밖에 선택이 안된다는 말입니다. 그럼 오늘도 예제를 보시죠.

<input type="radio" name="chk_info" value="HTML">HTML
<input type="radio" name="chk_info" value="CSS">CSS
<input type="radio" name="chk_info" value="웹디자인">웹디자인
<br>
<input type="radio" name="chk_info2" value="HTML">HTML
<input type="radio" name="chk_info2" value="CSS" checked="checked">CSS
<input type="radio" name="chk_info2a" value="웹디자인">웹디자인

체크박스와 똑같은데 다른점은 type="radio"라고 되어있는게 다릅니다. 실행결과는

 위에서 CSS가 선택되어있는데 만약에 HTML을 선택하면 CSS선택은 취소되고 HTML앞에 점이 오면서 선택이 되는겁니다. 이해하시겠지요? 직접 복사해서 실행해보시면 더 잘 이해하실 겁니다. 그럼 오늘은 이만~