라디오 버튼에 따라 테이블 줄이 안 맞습니다
본문
<div class="tbl_frm01 tbl_wrap" style="margin:0 auto; text-align:left; border:1px solid #ccc;" >
<table>
<tbody>
<input type="checkbox" name="agree" value="1" id="agree">
<label for="agree"> 개인정보 이용 내용에 동의합니다.</label>
<strong class="sound_only">필수</strong></label></th>
<td class="bod" style="font-size:13px;">
개인정보보호법 제15조에 근거하여 코로나19 감염증 확산 방지를 위해 아래와 같은 민감정보를 수집/이용하는 것에 동의합니다.(필수)
</td>
</table>
</div>
<div class="tbl_frm01 tbl_wrap">
<table>
<tbody>
<th scope="row" class="bod"><label for="mb_id">학번</th>
<td scope="row" class="bod">
<input type="text" name="bk_id" id="bk_id" value="<?php echo $member['mb_id'];?>" required class="frm_input required" size="20" maxlength="100">
</td>
<tr>
<th><label for="wr_14">이름</th>
<td>
<input type="text" name="bk_name" id="bk_name" value="<?php echo $member['mb_name'];?>" required class="frm_input required" size="20" maxlength="100">
</td>
</tr>
<tr>
<th><label for="wr_10">연락처</th>
<td>
<input type="text" name="wr_10" id="wr_10" value="<?=$wr_10?>" required class="frm_input required" size="20" maxlength="11"> 하이픈(-) 없이 숫자만 입력해주세요
</td>
</tr>
<tr>
<th><label for="wr_1">*방문일<strong class="sound_only">필수</strong></label></th>
<td>
<input type="text" name="wr_1" value="<?=$wr_1?>" id="wr_1" required class="frm_input required" size="12" maxlength="8">
<label for="wr_1" style="display:none">종료일<strong class="sound_only">필수</strong></label></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<!-- <tr>
<th scope="row"><label for="wr_12">*주소(자택)<strong class="sound_only">필수</strong></label></th>
<td><input type="text" name="wr_12" value="<?php echo $write[wr_12] ?>" id="wr_12" required class="frm_input required" size="80" maxlength="20"></td>
</tr>
-->
<tr>
<th><label for="wr_name">*증상 유무<br>(해당사항<br>모두선택)<strong class="sound_only">필수</strong></label></th>
<td>
<input type="radio" name="wr_2" value="증상없음" id="wr_2" onClick="toggleT1('0')" <? if($wr_2 == "증상없음") echo "checked";?> required>증상없음
</td>
<td>
<input type="radio" name="wr_2" value="증상있음" id="wr_2" onClick="toggleT1('1')" <? if($wr_2 == "증상있음") echo "checked";?> required>증상있음
</td>
<td id='item_explan1' style='display: <?if($wr_2 == "증상있음") echo "block"; else echo "none";?>;'>
<?php
$check1 = explode(",", $write['wr_3']);
?>
<input type="checkbox" name="check1[]" value="발열감"<?php echo in_array("발열감", $check1) ? ' checked="checked"' : '' ?>> 발열감
<input type="checkbox" name="check1[]" value="기침"<?php echo in_array("기침", $check1) ? ' checked="checked"' : '' ?>> 기침
<input type="checkbox" name="check1[]" value="오한"<?php echo in_array("오한", $check1) ? ' checked="checked"' : '' ?>> 오한
<input type="checkbox" name="check1[]" value="근육통"<?php echo in_array("근육통", $check1) ? ' checked="checked"' : '' ?>> 근육통
<input type="checkbox" name="check1[]" value="두통"<?php echo in_array("두통", $check1) ? ' checked="checked"' : '' ?>> 두통
<br><br>
<input type="checkbox" name="check1[]" value="인후통"<?php echo in_array("인후통", $check1) ? ' checked="checked"' : '' ?>> 인후통
<input type="checkbox" name="check1[]" value="후각미각소실"<?php echo in_array("후각미각소실", $check1) ? ' checked="checked"' : '' ?>> 후각미각소실
<input type="checkbox" name="check1[]" value="호흡곤란"<?php echo in_array("호흡곤란", $check1) ? ' checked="checked"' : '' ?>> 호흡곤란
</td>
</tr>
<tr>
<th scope="row"><label for="wr_name">*자가격리<strong class="sound_only">필수</strong></label></th>
<td>
<input type="radio" name="wr_4" value="아니오" id="wr_4" onClick="toggleT2('0')" <? if($wr_4 == "아니오") echo "checked";?> required>아니오
</td>
<td>
<input type="radio" name="wr_4" value="예" id="wr_4" onClick="toggleT2('1')" <? if($wr_4 == "예") echo "checked";?> required>예
</td>
<td id="item_explan2" style='display: <?if($wr_4 == '예') echo "block"; else echo "none";?>;' >
해제일 :
<input id="wr_5" type="text" name="wr_5" value="<?=$wr_5?>" readonly required class="frm_input required" size="12" maxlength="8">
</td>
<label for="wr_5" style="display:none">종료일<strong class="sound_only">필수</strong></label></td>
</tr>
<tr>
<th scope="row"><label for="wr_name">*최근 2주내<br>해외 방문력<strong class="sound_only">필수</strong></label></th>
<td>
<input type="radio" name="wr_6" value="아니오" onClick="toggleT3('0')" <? if($wr_6 == "아니오") echo "checked";?> required>아니오
</td>
<td>
<input type="radio" name="wr_6" value="예" id="wr_6" onClick="toggleT3('1')" <? if($wr_6 == "예") echo "checked";?> required>예
</td>
<td id='item_explan3' style='display: <?if($wr_6 == '예') echo "block"; else echo "none";?>;'>
국가 : <input type="text" name="wr_7" value="<?=$wr_7?>" id="wr_7" class="frm_input required" size="12" maxlength="8">
입국일 : <input type="text" name="wr_8" value="<?=$wr_8?>" readonly id="wr_8" required class="frm_input required" size="12" maxlength="8">
<label for="wr_8" style="display:none">종료일<strong class="sound_only">필수</strong></label></td>
</tr>
</tbody>
</table>
</div>
<div class="btn_confirm">
<input type="submit" value="작성완료" id="btn_submit" accesskey="s" class="btn_submit">
<a href="./board.php?bo_table=<?php echo $bo_table ?>" class="btn_cancel">취소</a>
</div>
</form>
위 사진의 소스이고 각 항목을 클릭할 때 td 항목이 보이도록 만들었는데 항목을 클릭할 때마다
항목 클릭하는 위치도 변경되고 줄도 안 맞고 이상하네요..
숨겨져있다가 나올 때 깔끔하게 나올 수 있는 방법 있을까요?
!-->답변 1
해제일 다음에 아래 부분 삭제하고
<label for="wr_5" style="display:none">종료일<strong class="sound_only">필수</strong></label></td>
아래와 같은 방법으로 수정해보세요.
<td><div id="item_explan2" style='display: <?if($wr_4 == '예') echo "block"; else echo "none";?>;' >
해제일 :
<input id="wr_5" type="text" name="wr_5" value="<?=$wr_5?>" readonly required class="frm_input required" size="12" maxlength="8">
</div></td>
그리고, 밑줄이 보이는건 css 문제인것 같네요.
답변을 작성하시기 전에 로그인 해주세요.