체크하면 자동계산을 수량추가 계산식을 추가 하고 싶습니다...

체크하면 자동계산을 수량추가 계산식을 추가 하고 싶습니다...

QA

체크하면 자동계산을 수량추가 계산식을 추가 하고 싶습니다...

본문

자바스크립트 수량 증가에 따른 계산법을 추가하려고 하는데요

 

제가 초보라서 잘 몰라서 질문 드립니다...

 

기존에는 체크박스를 누르면 체크박스 안에 있는 벨류가 계산이 되는 방식인데

 

수량칸을 따로 만들어서 수랴 증가에 따라서 계산값을 바꾸고 싶습니다...

 

고수님들 부탁드립니다..

 

 

 

 

지금 사용하고 있는 소스코드를 보여드리면

 

 

----------파일 내용--------

 

<table>

<td>

<input type="checkbox" name="wr_6" id="price1" value="10800"<?php echo ($write['wr_6'] == "10800") ? " checked" : "";?>> 

</td>

<td>

<!--수량증가 추가 하고 싶습니다. -->

 

 

</td>

</table>

 

 

<div id="footer">

    <p style="margin-top: 20px; ">예상 견적가<input class="text-font1" type="text" name="total" id="total" value="0" readonly="readonly">원</p>

</div>

 

----------스크립트 내용---------

<script>

 

    function Calculator(){

        let total = Number(document.getElementById("total").defaultValue);

    

        for(let i = 1; i <= 100; i++){

            let chkbox = document.getElementById("price" + i);

            if(chkbox && chkbox.checked){

                total += Number(chkbox.value);

            }

             

        }

        // 숫자 형식을 변경하여 total을 업데이트

        document.getElementById("total").value = total.toLocaleString();

    }

    

    for(let i = 1; i <= 100; i++){

        let check = document.getElementById("price" + i);

        if(check){

            check.onclick = Calculator;

        }

    }

</script>

이 질문에 댓글 쓰기 :

답변 1


<table>
<tr>
    <td>
        <input type="checkbox" name="wr_6" id="price1" value="10800"<?php echo ($write['wr_6'] == "10800") ? " checked" : "";?>>
    </td>
    <td>
        <input type="text" id="qty1">개
    </td>
</tr>
</table>

<div id="footer">
    <p style="margin-top: 20px; ">예상 견적가<input class="text-font1" type="text" name="total" id="total" value="0" readonly="readonly">원</p>
</div>
<script>
function Calculator() {
    let total = Number(document.getElementById("total").defaultValue);
    for(let i = 1; i <= 100; i++){
        let chkbox = document.getElementById("price" + i);
        let qty = document.getElementById("qty" + i);
        if (chkbox && chkbox.checked) {
            total += Number(chkbox.value) * Number(qty.value);
        }
    }
    // 숫자 형식을 변경하여 total을 업데이트
    document.getElementById("total").value = total.toLocaleString();
}

for(let i = 1; i <= 100; i++) {
    let check = document.getElementById("price" + i);
    let check2 = document.getElementById("qty" + i);
    if (check) {
        check.onclick = Calculator;
    }
    if (check2) {
        check2.onchange = Calculator;
    }    
}
</script>

감사합니다!! 친절한설명 덕분에!! 잘 해결했습니다!

마지막으로 하나만 더 여쭈어 봐도 될까요!!

<p style="margin-top: 20px; color:#fff;">예상 견적가<input class="text-font1" type="text" name="total" id="total" value="0" readonly="readonly">원</p>

여기 태그에서 id="total"로 계산된 값을 가져온 것을  wr_100 db 에다가 넣으려면 어떻게 해야되나요...!!

답변을 작성하시기 전에 로그인 해주세요.
전체 121
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT