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

IT정보

IT와 관련된 유용한 정보와 새로운 소식을 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

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

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

첨부파일

첨부파일 Untitled-1.jpg (75.9K) 6회 다운로드 2018-02-26 09:55:54

본문

3717085402_1519606266.8224.png

 

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

추천2 비추천0

댓글 전체

<!-- 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 를 사용가능하시면 이해 할수있을거라고 믿습니다.
저도 초보라서 이거보다  더 좋은 방법이 있을 수 있을거에요.
안녕하세요 인아이디어입니다.
하단과 같이 하셔도 될것같습니다.

<script>
	$(function () {
		$(".table td").on("click", function () {
			$(this).closest('table').find('td').css('background', 'white');
			$(this).css('background', 'red');
		})
			
	})
</script>
전체 3,526
IT정보 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT