HTML문서 작업 부분중에 막히는 부분이 있어서 고수님들에게 물어볼려구요 정보
HTML문서 작업 부분중에 막히는 부분이 있어서 고수님들에게 물어볼려구요
첨부파일
본문
이렇게 표를 작성하고 금액을 선택 했을 시에 버튼의 색상이 바뀌면서 변경색상이 유지되게 코드를 짜야하는데 제가 검색을 잘 못하는건지 ㅠㅠ 찾기가 어려워서 이렇게 질문을 남깁니다! 고수님들 알려주세요!
추천
2 비추천
0
2 비추천
0
댓글 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 를 사용가능하시면 이해 할수있을거라고 믿습니다.
저도 초보라서 이거보다 더 좋은 방법이 있을 수 있을거에요.
<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 를 사용가능하시면 이해 할수있을거라고 믿습니다.
저도 초보라서 이거보다 더 좋은 방법이 있을 수 있을거에요.
알려주셔서 감사합니다! 덕분에 문제없이 해결 했습니다! 이제 스크립트만 입력하면 될거같아요!
안녕하세요 인아이디어입니다.
하단과 같이 하셔도 될것같습니다.
하단과 같이 하셔도 될것같습니다.
<script>
$(function () {
$(".table td").on("click", function () {
$(this).closest('table').find('td').css('background', 'white');
$(this).css('background', 'red');
})
})
</script>
신고가 접수된 글입니다.
신고 횟수가 1회 이상이면 글을 확인하지 못합니다.
좋은 정보 감사합니다
소중한 팁 감사드립니다.
이거 찾고 있었는데...의외로 기본인데 생각이 잘 안나더라구요..