테스트 사이트 - 개발 중인 베타 버전입니다

click 이벤트 질문 입니다. 채택완료

한번 클릭 했을때 아래 처럼 off 가 on 이 되는데 

$("#chk").click(function() {

 $(".imgover").attr("src", $(".imgover").attr("src").replace("off","on"));

   });

한번더 클릭 하면 off 에서 on 으로 바꾸고 싶은데 잘 안되네요..

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

src 를 토글 하려나 보네요

var src_on = false;

$("#chk").click(function() {

if(src_on){

  $(".imgover").attr("src", $(".imgover").attr("src").replace("on","off")); 

src_on = false;

}else{

  $(".imgover").attr("src", $(".imgover").attr("src").replace("off","on")); 

src_on = true; 

}

   });

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

감사합니다! 잘 되네요...!!

댓글을 작성하려면 로그인이 필요합니다.

 

</strong></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">$("#chk").click(function() {</p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px; margin-left: 40px;">if(<span style="font-size: 14.004px;">$(".imgover").attr("off"</span><span style="font-size: 14.004px;">)){</span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px; margin-left: 40px;"><span style="font-size: 14.004px;"> </span><span style="font-size: 14.004px;"> $(".imgover").attr("src", $(".imgover").attr("src").replace("off","on"));</span><span style="font-size: 14.004px;"> </span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px; margin-left: 40px;"><span style="font-size: 14.004px;">}else{</span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px; margin-left: 40px;"><span style="font-size: 14.004px;"> $(".imgover").attr("src", $(".imgover").attr("src").replace("on","off"));</span><span style="font-size: 14.004px;"> </span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px; margin-left: 40px;"><span style="font-size: 14.004px;">}</span></p><p style="word-break: break-all; color: rgb(72, 72, 72); font-family: Arial, 돋움, Dotum; font-size: 14.004px;">   });</p><p><strong style="color: rgb(127, 127, 127); font-family: Arial, 돋움, Dotum; font-size: 12px;">
</strong></p><p><strong style="color: rgb(127, 127, 127); font-family: Arial, 돋움, Dotum; font-size: 12px;">
  

html코드가 안보이니 뭔지 모르겟네요 

대충 위와같은 식으로 하면 될듯합니다.

이런식으로 ??

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록