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

파아랑 님 답변 참고해 jquery 코드 짜봤는데.... 채택완료

sinbi 6년 전 조회 4,511

</p>

<p><script src="<a href="https://code.jquery.com/jquery-latest.js"></script>" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-latest.js"></script></a></p>

<p><input type="radio" class="abc" name="abc" value='a'> a

<input type="radio" class="abc" name="abc" value='b'> b

<input type="radio" class="abc" name="abc" value='c'> c</p>

<p><div class="box">

  <img src="<a href="https://i.imgur.com/PQNhCln.gif"" target="_blank" rel="noopener noreferrer">https://i.imgur.com/PQNhCln.gif"</a> class='hz'>  

</div></p>

<p><script>

$(".abc").click(funtion(){

    if($(this).attr("value")=="a"){

        $(".hz").attr("src","<a href="https://i.imgur.com/PQNhCln.gif");" target="_blank" rel="noopener noreferrer">https://i.imgur.com/PQNhCln.gif");</a></p>

<p>    }

    if($(this).attr("value")=="b"){

        $(".hz").attr("src","<a href="https://i.imgur.com/YrkG5xB.gif");" target="_blank" rel="noopener noreferrer">https://i.imgur.com/YrkG5xB.gif");</a></p>

<p>    }

    if($(this).attr("value")=="c"){

        $(".hz").attr("src","<a href="https://i.imgur.com/3h0LOk9.gif");" target="_blank" rel="noopener noreferrer">https://i.imgur.com/3h0LOk9.gif");</a>

    }

});

</script></p>

<p>

 

어째 이미지가 안 바뀌네용.^^;

 

https://codepen.io/sinbi/pen/ZEzjYex">https://codepen.io/sinbi/pen/ZEzjYex

 

어디가 잘못되었을까요? 아무리 봐도 제대로 한 것 같은뎅..

 

ps.

관련글 https://sir.kr/qa/323155">https://sir.kr/qa/323155

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

답변 6개

채택된 답변
+20 포인트
6년 전

에디트플러스에 넣어 보니 function이 정상적이라면 파란색으로 보여야 하는데

그렇지 못한걸 보면 보이지 않는 오류가 있는 모양입니다.

다음을 다시 정확하게 타이핑해서 시도해 보시죠.

$(".abc").click(function() {

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

답변에 대한 댓글 1개

s
sinbi
6년 전
저도 에디트플러스에도 붙여넣어 보긴 했는데, 미처 그 점은 생각을....ㅎ
덕분에 좋은 팁 배웠습니다.

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

5년 전

파아랑님,
https://sir.kr/request/50183 해당건 계약 이행 제대로 안하신거 해결은 언제 하실 건가요?
혹시나 이 댓글 보시면 연락주세요

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

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

6년 전

네. 지금 해보니 잘되네요~~~수고하셨습니다. 역심 syntax는 개발자도구가 최고입니다.

 

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

답변에 대한 댓글 1개

s
sinbi
6년 전
헤헤, 덕분에 공부되었습니다. ^^

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

s
sinbi Expert
6년 전

답변 도움주셔서 진심으로 감사드립니다.

눈씻고 찾아봐도 원인을 못 찾았는뎅..ㅎ

덕분에 한방에 해결했습니다. 

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

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

6년 전

click(funtion(){ <---- click(function(){

이미지를 직접 다운로드해서 사용해보세요

저 이미지 주소는 이미지가 나타나지않네요

$(this).attr("value") <---$(this).val(); 이렇게 간단하게 사용

 

 

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

답변에 대한 댓글 1개

s
sinbi
6년 전
좋은 팁 감사합니다.

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

6년 전

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

답변에 대한 댓글 1개

s
sinbi
6년 전
에러 찾는 좋은 팁이네요. 감사합니다.

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

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

로그인