SIR
목록으로

여러개의 이미지를 버튼으로 만들려면? 채택완료

따따라하기
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전 조회 2,699
답변 1
목록

각 이미지버튼 마다 값이 있고, 이미지 하나를 선택하면 그 값이 선택 되어진 상태로 하고 싶습니다.

(쇼핑몰의 옵션선택 기능 변형)

#영카트5

답변 1개

채택된 답변
+20 포인트

각 이미지에다 클래스를 주고

스크립트로 처리하면 될거 같은데요.

 

Copy 
<style>.imageBtn {width: 100px;height: 20px;}.imageBtn.active {border: 1px solid #cccccc;}</style> <img src="..." class="imageBtn"><img src="..." class="imageBtn"><img src="..." class="imageBtn">​​ <script>$("body").on("click", ".imageBtn", function() {$(".imageBtn").removeClass("active");$(this).addClass("active");});</script>

 

테스트는 안해봐서 버그가 있을지도 모르겠지만 대충 이런식으로 하면 될것 같네요.

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

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

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

로그인
🐛 버그신고