파아랑 님 답변 참고해 jquery 코드 짜봤는데....
본문
<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.
답변 6
에디트플러스에 넣어 보니 function이 정상적이라면 파란색으로 보여야 하는데
그렇지 못한걸 보면 보이지 않는 오류가 있는 모양입니다.
다음을 다시 정확하게 타이핑해서 시도해 보시죠.
$(".abc").click(function() {
저도 에디트플러스에도 붙여넣어 보긴 했는데, 미처 그 점은 생각을....ㅎ
덕분에 좋은 팁 배웠습니다.
에러 찾는 좋은 팁이네요. 감사합니다.
click(funtion(){ <---- click(function(){
이미지를 직접 다운로드해서 사용해보세요
저 이미지 주소는 이미지가 나타나지않네요
$(this).attr("value") <---$(this).val(); 이렇게 간단하게 사용
좋은 팁 감사합니다.
답변 도움주셔서 진심으로 감사드립니다.
눈씻고 찾아봐도 원인을 못 찾았는뎅..ㅎ
덕분에 한방에 해결했습니다.
네. 지금 해보니 잘되네요~~~수고하셨습니다. 역심 syntax는 개발자도구가 최고입니다.
헤헤, 덕분에 공부되었습니다. ^^
답변을 작성하시기 전에 로그인 해주세요.