Checkbox, Radio

checkbox는 클릭하면 check가 되고, 다시 클릭하면 check가 해제된다. 또한 여러 개 항목이 있을 경우에도 중복으로 선택이 가능하다.

 

radio는 클릭하면 check가 되지만, 다시 클릭하여 check 해제를 할 수 없다.(기본적으로는)

그리고, 여러 개의 항목 중 1개의 항목만 단독으로 선택 가능하다.

 

 

checkbox의 작성방법은 아래와 같다.

<input type="checkbox" name="전달할 이름" value="전달할 값" checked id ="지정할 ID이름" class="지정할 class이름">

 

input tag를 쓰되, type은 checkbox로 주면 된다.

name, value는 반응형 웹에서 쓰이는 개념으로, checkbox가 check 되었을 때, 서버에 전달할 이름과 값을 지정해주는 것이다.

checked를 적어놓으면, checkbox가 check된 상태로  웹페이지가 로딩되게 된다.

 

radio는 여러 개의 버튼 중, 한개만 선택되도록 하기 위해서 각 radio element의 name을 똑같게 만들어 주면 된다.