비밀글 체크박스에 체크하면, A라는 문자열이 B 문자열로 바뀌게?
관련링크
본문
자바스크립트 조건문 코드를 이용하는 걸로 아는데,
자바스크립트 이제 입문해서 응용을 못하고 있네요. ㅡㅡ;
예를 들어, 비밀글 체크박스에 체크를 하는 순간,
<div name='sample'>고수 님 부탁해요</div> 가
<div name='sample'>고수 님 사랑해요</div> 로 바뀌는 식으로 말이죠.
위 두 조건문 사항을 어떻게 표현해야 할까요?
[참고] 비밀글 체크박스 관련 소스
<? if ($is_secret) { ?>
<? if ($is_admin || $is_secret==1) { ?>
<input type=checkbox value="secret" id="wr_secret" name="secret" <?=$secret_checked?>>
<label for="wr_secret">비밀글</label>
<? } else { ?>
<input type=hidden value="secret" name="secret">
<? } ?>
<? } ?>
<div name='sample'>고수 님 부탁해요</div>
답변 2
<script type="text/javascript">
function chkText(f){
if(f.checked)
document.getElementById('title').innerText = "고수 님 사랑해요";
else
document.getElementById('title').innerText = "고수 님 부탁해요";
}
</script>
<input type=checkbox value="secret" id="wr_secret" name="secret" onclick="chkText(this)" >
<div id="title" class='sample'>고수 님 부탁해요</div>
참고하시면 될 듯 합니다.
<meta charset="utf-8" />
<div name="sample">고수님 부탁해요</div>
<input type="checkbox" name="secret" id="wr_secret" value="secret">
<script type="text/javascript">
document.getElementById("wr_secret").onclick = function() {
var oStr = "고수님 부탁해요";
var oStr = this.checked == true ? "고수님 사랑해요" : "고수님 부탁해요";
document.getElementsByName("sample")[0].innerHTML = oStr;
}
</script>
jquery 사용하시면 더 편하게 가능할 겁니다.
!-->