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

Copy
<script src="https://code.jquery.com/jquery-latest.js"></script>

<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

<div class="box">
  <img src="https://i.imgur.com/PQNhCln.gif" class='hz'>  
</div>

<script>
$(".abc").click(funtion(){
    if($(this).attr("value")=="a"){
        $(".hz").attr("src","https://i.imgur.com/PQNhCln.gif");

    }
    if($(this).attr("value")=="b"){
        $(".hz").attr("src","https://i.imgur.com/YrkG5xB.gif");

    }
    if($(this).attr("value")=="c"){
        $(".hz").attr("src","https://i.imgur.com/3h0LOk9.gif");
    }
});
</script>

 

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

 

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

 

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

 

ps.

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

답변 6개

채택된 답변
+20 포인트

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

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

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

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

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

답변에 대한 댓글 1개

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

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

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

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

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

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

 

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

답변에 대한 댓글 1개

헤헤, 덕분에 공부되었습니다. ^^

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

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

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

덕분에 한방에 해결했습니다. 31603582_1568457552.2412.gif

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

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

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

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

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

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

 

 

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

답변에 대한 댓글 1개

좋은 팁 감사합니다.

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

2009389912_1568456201.7068.png

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

답변에 대한 댓글 1개

에러 찾는 좋은 팁이네요. 감사합니다.

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

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

로그인
🐛 버그신고