라디오체크 저장후 수정시 선택값 유지 채택완료
망이망소이
7년 전
조회 3,361
아래와 같이 wr_6에 선택값을 저장하고 다시 수정페이지 불러왔을때
.tab { display: none; }
이것을 빼면 해당필드 값에 따라 필요한 부분만 보여지는데
문제는 클릭시 스크립트가 작동이 안되고
또 역으로
.tab { display: none; }
를 넣으면
tab들이 안보이고 그럽니다.
좋은방법 없을까요?
</p>
<p><script>
$(function(){
$(':radio[name="wr_6"]').click(function(){
$('div.tab').removeClass('active');
$('#' + $(this).data('tab')).addClass('active');
});
});
</script></p>
<p> </p>
<p><style>
.tab {
display: none;
}</p>
<p>.tab.active {
display: block;
}
</style></p>
<p> </p>
<p> </p>
<p> </p>
<p><!--라디오버튼--></p>
<p><label for="ckbox1">항목01</label>
<input type="radio" name="wr_6" id="ckbox1" value="1" data-tab="tab01" <?php echo ($write['wr_6'] == "1") ? "checked" : "";?>>
</p>
<p><label for="ckbox2">항목02 </label>
<input type="radio" name="wr_6" id="ckbox2" value="2" data-tab="tab02" <?php echo ($write['wr_6'] == "2") ? "checked" : "";?>>
</p>
<p><label for="ckbox3">항목03</label>
<input type="radio" name="wr_6" id="ckbox3" value="3" data-tab="tab03" <?php echo ($write['wr_6'] == "3") ? "checked" : "";?>></p>
<p> </p>
<p> </p>
<p> </p>
<p><!--보여질내용--></p>
<p><?php if ($write[wr_6] == "1") { ?>
<div id="tab01" class="tab">항목01번을선택하였습니다</div>
<? } ?>
<?php if ($write[wr_6] == "2") { ?>
<div id="tab02" class="tab">항목02번을선택하였습니다</div>
<? } ?>
<?php if ($write[wr_6] == "3") { ?>
<div id="tab03" class="tab">항목03번을선택하였습니다</div>
<? } ?>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
7년 전
이렇게 수정해보세요
</p>
<p><!--보여질내용-->
<div id="tab01" <?php if ($write[wr_6] != "1") { ?>class="tab"<? } ?>>항목01번을선택하였습니다</div>
<div id="tab02" <?php if ($write[wr_6] != "2") { ?>class="tab"<? } ?>>항목02번을선택하였습니다</div>
<div id="tab03" <?php if ($write[wr_6] != "3") { ?>class="tab"<? } ?>>항목03번을선택하였습니다</div></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
�
망이망소이
7년 전
아 값에 따라 class를 넣고 안넣고 그러는거군요. 한수 제대로 배웠습니다. 감사합니다 ^^
e
eyekiss
7년 전
클릭 할때 해당 id 가 있어야 class 를 줄수 있는데, 없어서 오류가 나는 겁니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인