Html 라디오 버튼 하나만 선택되게 해볼까

 

아니 내 기억에 radio 버튼은 하나만 선택되고, Checkbox는 다중선택이 가능하다? 뭐 이렇게 기억되고 있는데

회원가입 만들기 위해서 받은 html 파일에 성별 선택부분에서, radio 버튼이 다중선택 되는 것이었다.

????왜지

 

<input type="radio" /><span class="up">남자</span>&nbsp;&nbsp; <input type="radio" /> <span class="up">여자</span>

이런 코드로 짜여있었는데, radio input 태그 사용하면서 "남자" 라는 텍스트 그냥 넣으면 될텐데 왜 span 을 구지 준것일까

class 이름을 주기 위함이었을까?

 

궁굼하지만 질문하지 않겠다;

 

 

 

radio 의 input태그에  name="gener 을 주니 해결되었다.

나의 선생님께 질문하였더니, 

input태그에 name 속성을 넣어줌으로써 radio버튼 사이의 연관성을 주게되어 한개만 선택이 가능해진다고 하셨다. 오호라

 

 

- radio 버튼이 중복되는 경우 

  <input type="radio" /><span class="up">남자</span>&nbsp;&nbsp; <input type="radio" /> <span class="up">여자</span>

 남자    여자 

 

- input 태그에 name 속성을 준 후 

  <input type="radio" name="gener" checked="checked" /> <span class="up">남자</span>&nbsp;&nbsp; <input type="radio"     name="gener"/> <span class="up">여자</span>

 남자    여자