자바 스크립트 하나만 질문 드려요 ㅠㅠ
본문
<input type="checkbox" name="wr_1" value="section" id="wr_1">
이 체크 박스를 체크하면
원래는 안보이던 <a class="showme">지금 등장!</a>
이 문구가 뜨게 하고 싶습니다.
자바 스크립트 좀 알려주세요. ㅜㅜ
답변 3
<script>
$(function(){
$("#wr_1").click(function(){
if($("input:checkbox[id='wr_1']").is(":checked"))
$(".showme").show();
else
$(".showme").hide(); }); });
</script>
클릭이벤트는 선택을 하든 안하든 클릭을 하는 순간 계속 발생됩니다.
선택/선택해제시에는 현 상태를 확인 해서 처리해주는 기능을 더 주시면 됩니다.
순수 자바스크립트를 이용하셔도 되겠지만 제이쿼리를 이용하는 것이 좀 더 간단할 것 같은데요.
제이쿼리를 이용한다면
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>테스트</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script>
$(function(){
$("#wr_1").click(function(){
$(".showme").show();
});
});
</script>
</head>
<body>
<input type="checkbox" name="wr_1" value="section" id="wr_1">
<a class="showme" style="display:none">지금 등장!</a>
</body>
</html>
와 같이 구성하시면 될것 같네요.
안보이던 내용이 나타나는 것만의 기능으로 사용한다면 제가 올린 소스 사용하시면 될것 같구요. 체크 해체되면 다시 사라지도록 하는 기능까지 필요하다면 지금백수님 설명대로 하시면 될 것 같습니다.
답변을 작성하시기 전에 로그인 해주세요.
