[HTML] 라디오 버튼의 구현

라디오 버튼은 체크박스와 달리 그룹내 1개의 항목만 선택이 된다.
다시 말하자면 그룹내 항목을 선택하게 되면 먼저 선택한 항목이 unchecked 되버린다.

라디오 버튼은
name의 값으로 항목을 묶고
value의 값으로 항목을 구분한다.

      <input type = "radio" name = "group1" value = "item1" checked>item1
      <input type = "radio" name = "group1" value = "item2">item2
      <input type = "radio" name = "group1" value = "item3">item3<br><br>

      <input type = "radio" name = "group2" value = "item1">item1
      <input type = "radio" name = "group2" value = "item2">item2
      <input type = "radio" name = "group2" value = "item3">item3

위의 html 소스는
총 6개의 라디오 버튼을 갖는데
처음 3개 gruop1이고
나머지 3개가 gruop2이다.
group1은 1번 항목이 선택된 상태로 보여지며 group2는 처음에는 선택된 항목이 없다.

출처 : http://blog.naver.com/titan79th