회원가입시 체크박스(다중선택), 라디오 사용하기

<div  class="tbl_frm01 tbl_wrap">
	<ul>
		<li>
	                <h2>관심과목</h2>
			<input type="checkbox" name="mb_1" id="mb_1" value="1" <?if ($member[mb_1] == 1) { echo "checked"; }?>>
			<label for="mb_1" class="frm_label">전기기사 필기반</label><br/>
			<input type="checkbox" name="mb_2" id="mb_2" value="1" <?if ($member[mb_2] == 1) { echo "checked"; }?>>
			<label for="mb_2" class="frm_label">전기기사 문제풀이반</label><br/>
			<input type="checkbox" name="mb_3" id="mb_3" value="1" <?if ($member[mb_3] == 1) { echo "checked"; }?>>
			<label for="mb_3" class="frm_label">전기기사 실기반</label><br/>
			<input type="checkbox" name="mb_4" id="mb_4" value="1" <?if ($member[mb_4] == 1) { echo "checked"; }?>>
			<label for="mb_4" class="frm_label">건축전기설비기술반</label><br/>
			<input type="checkbox" name="mb_5" id="mb_5" value="1" <?if ($member[mb_5] == 1) { echo "checked"; }?>>
			<label for="mb_5" class="frm_label">발송배전기술반</label><br/>
			<input type="checkbox" name="mb_6" id="mb_6" value="1" <?if ($member[mb_6] == 1) { echo "checked"; }?>>
			<label for="mb_6" class="frm_label">전기안전관리반</label>
	            </li>
	
		  <li>
	                <h2>회원가입경위</h2>
	                <input type="radio" name="mb_7" id="radio1" value="1" <?if ($member[mb_7] == 1) { echo "checked"; }?>>
			<label for="radio1">아는 사람의 권유로</label><br/>
			<input type="radio" name="mb_7" id="radio2" value="2" <?if ($member[mb_7] == 2) { echo "checked"; }?>>
			<label for="radio2">인터넷 검색에서 보고</label><br/>
			<input type="radio" name="mb_7" id="radio3" value="3" <?if ($member[mb_7] == 3) { echo "checked"; }?>>
			<label for="radio3">전기박사 까페를 보고</label><br/>
			<input type="radio" name="mb_7" id="radio4" value="4" <?if ($member[mb_7] == 4) { echo "checked"; }?>>
			<label for="radio4">매주 보내드리는 메일을 보고</label><br/>
			<input type="radio" name="mb_7" id="radio5" value="5" <?if ($member[mb_7] == 5) { echo "checked"; }?>>
			<label for="radio5">이재언기술사의 강의를 듣고</label><br/>
			<input type="radio" name="mb_7" id="radio6" value="6" <?if ($member[mb_7] == 6) { echo "checked"; }?>>
			<label for="radio6">유튜브를 보고</label><br/>
			<input type="radio" name="mb_7" id="radio7" value="7" <?if ($member[mb_7] == 7) { echo "checked"; }?>>
			기타 <input type="text" name="mb_8" value="<?php echo isset($member['mb_8'])?$member['mb_8']:''; ?>">
	            </li>
	</ul>
</div>

* checkbox일때 name은 체크박스마다 달라야하고 value값은 name과 동일해야 한다.

* radio일때는 name값은 같아야하지만 value값은 달라야한다.

 

*label이 붙는 이유*

라디오 버튼이나 체크박스를 클릭할때 해당 버튼을 클릭하지 않고 버튼옆에 텍스트를 클릭해도 그 버튼이 선택되도록 하는 태그입니다.

 

일반 사용예 : <input type="checkbox" name="chk1">체크박스1

label 사용예 : <label for="chk2"><input type="checkbox" id="chk2" name="chk2">체크박스2</label>

 

해당 input 태그에 사용할 id 를 정해주고

위 처럼 라벨 태그의 for="해당id" 해주시면 됩니다.

http://superkts.pe.kr/helper/view.php?seq=V&seq=97