[html/css] input radio tag 사용시 주의점

[html/css] input radio tag 사용시 주의점

 

 

html 에서 

 

input radio 태그 사용시 주의점입니다!!

 

<input type="radio" name="aaa" id="id_radio_1"/><label for="id_radio_1">라디오 1</labe>
<input type="radio" name="aaa" id="id_radio_2"/><label for="id_radio_2">라디오 2</labe>

 

위와 같은 태그가 있다고 가정할때,

 

글자클릭시 라디오 check 효과를 주고싶다면,

 

input 이 가지고 있는 id 와 label 의 for 가 동일해야 합니다.

 

 

그리고!!

 

라디오 1 과 라디오 2 중 하나만 선택되게 하고 싶다면

input radio 태그의 name을 동일하게 주어야 합니다!

 

만약 name이 다르다면 모든 radio가 클릭되는 현상이 나타날 껍니다!

 

참고들하세요!