HTML문서 작업 부분중에 막히는 부분이 있어서 고수님들에게 물어볼려구요
이렇게 표를 작성하고 금액을 선택 했을 시에 버튼의 색상이 바뀌면서 변경색상이 유지되게 코드를 짜야하는데 제가 검색을 잘 못하는건지 ㅠㅠ 찾기가 어려워서 이렇게 질문을 남깁니다! 고수님들 알려주세요!
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개
<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]