input 계산 관련 문의 드립니다.

input 계산 관련 문의 드립니다.

QA

input 계산 관련 문의 드립니다.

본문


금액<input type="text" name="wr_1 class="form-control">
수량<input type="text" name="wr_2 class="form-control">
금액<input type="text" name="wr_3 class="form-control">
수량<input type="text" name="wr_4 class="form-control">
 
<input type="text" name="wr_5 class="form-control">

 

4개의 인풋에 금액 수량이 들어가는데   

(wr_1*wr_2)+(wr_3*wr_4) = 해당 부분에 입력이 되면 wr_5에 계산 된 것이 바로 보여지게 가능 할까요?

그리고 바로 보여지면서 wr_5에 저장이 되게 가능 할까요? 알고 계신 고수님들 있으실까요?????

 

이 질문에 댓글 쓰기 :

답변 3


금액 <input type="number" name="wr_1" class="form-control">
수량 <input type="number" name="wr_2" class="form-control">
<br>
금액 <input type="number" name="wr_3" class="form-control">
수량 <input type="number" name="wr_4" class="form-control">
<br>
합계 <input type="number" name="wr_5" class="form-control" readonly>
<script>
for (i = 1; i <= 4; i++) {
    document.querySelector("input[name='wr_" + i + "']").oninput = function() {
        my_1 = document.querySelector("input[name='wr_1']").value;
        my_2 = document.querySelector("input[name='wr_2']").value;
        my_3 = document.querySelector("input[name='wr_3']").value;
        my_4 = document.querySelector("input[name='wr_4']").value;
        document.querySelector("input[name='wr_5']").value = (my_1 * my_2) + (my_3 * my_4);
    }
}
</script>
name="wr_5

id="wr_5"

금액: <input type="text" id="wr_1" class="form-control" oninput="calculateTotal()">
수량: <input type="text" id="wr_2" class="form-control" oninput="calculateTotal()"><br><br>
금액: <input type="text" id="wr_3" class="form-control" oninput="calculateTotal()">
수량: <input type="text" id="wr_4" class="form-control" oninput="calculateTotal()"><br><br>
   
합계: <input type="text" id="wr_5" class="form-control" readonly>
<script>
function calculateTotal() {
var wr_1 = parseFloat(document.getElementById('wr_1').value) || 0;
var wr_2 = parseFloat(document.getElementById('wr_2').value) || 0;
var wr_3 = parseFloat(document.getElementById('wr_3').value) || 0;
var wr_4 = parseFloat(document.getElementById('wr_4').value) || 0;
var total = (wr_1 * wr_2) + (wr_3 * wr_4);

document.getElementById('wr_5').value = total;
}
</script>

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

회원로그인

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