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

HTML문서 작업 부분중에 막히는 부분이 있어서 고수님들에게 물어볼려구요

Untitled-1.jpg

 

이렇게 표를 작성하고 금액을 선택 했을 시에 버튼의 색상이 바뀌면서 변경색상이 유지되게 코드를 짜야하는데 제가 검색을 잘 못하는건지 ㅠㅠ 찾기가 어려워서 이렇게 질문을 남깁니다! 고수님들 알려주세요!

댓글 작성

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

로그인하기

댓글 6개

<!-- css 부분 -->
<style>
td, th{
border:1px solid black;
text-align:center;
cursor:pointer;
}
</style>
<!-- css 끝 -->


<!-- script 부분 -->
<script>
$(function(){
var save_tr;
$('.table1 td').click(function(){
if(save_tr){
save_tr.css('background','white');
}
save_tr = $(this);
$(this).css('background','red');
})
})
</script>
<!-- script 끝 -->


<!-- html 부분 -->
<table class='table1'>
<tr>
<th colspan=3>금액</th>
</tr>
<tr>
<td>50,000</td>
<td>100,000</td>
<td>200,000</td>
</tr>
<tr>
<td>300,000</td>
<td>400,000</td>
<td>금액정정</td>
</tr>
</table>
<!-- html 끝 -->


간단하게 만들어봤습니다. 기본적으로 jquery 를 사용가능하시면 이해 할수있을거라고 믿습니다.
저도 초보라서 이거보다 더 좋은 방법이 있을 수 있을거에요.
알려주셔서 감사합니다! 덕분에 문제없이 해결 했습니다! 이제 스크립트만 입력하면 될거같아요!
안녕하세요 인아이디어입니다.
하단과 같이 하셔도 될것같습니다.

[code]
<script>
$(function () {
$(".table td").on("click", function () {
$(this).closest('table').find('td').css('background', 'white');
$(this).css('background', 'red');
})

})
</script>
[/code]
좋은 정보 감사합니다
소중한 팁 감사드립니다.
이거 찾고 있었는데...의외로 기본인데 생각이 잘 안나더라구요..

게시판 목록

토크

개발과 관련된 어떤 얘기도 괜찮습니다.
글쓰기