[javascript] input name 이 동일한 모든 요소의 값을 합산하는 방법

[javascript] input name 이 동일한 모든 요소의 값을 합산하는 방법

 

generated by Gemini

 

 

안녕하세요!

 

최근에 웹 개발 작업을 하다가,

 

input 박스의 name 이 동일한 요소들이 가지고 있는 value 를 

 

합산해서 구해야 하는 내용이 있어서 정리해봤습니다!

 

function calculatePersonAmtTotal() {
    // 1. name이 'person_amt[]'인 모든 input[type="text"] 요소를 선택합니다.
    const personAmtInputs = document.querySelectorAll('input[name="person_amt[]"]');

    let totalSum = 0;

    // 2. 각 입력 필드를 순회하며 값을 합산합니다.
    personAmtInputs.forEach(input => {
        const valueString = input.value.trim();

        // 입력 값이 숫자형인지 확인하고, 숫자로 변환합니다.
        // 소수점이 포함될 수 있다면 Number()를 사용합니다. (금액은 보통 Number를 사용)
        const currentValue = Number(valueString) || 0; 

        totalSum += currentValue;
    });

    // 3. 최종 합계를 반환합니다.
    return totalSum;
}

 

 

위 내용을 보시면 아시겠지만,

 

name 이 person_amt[] 로 되어진 모든 input 을 가져와서 

 

각각의 value 를 합산하는 계산식입니다!

 

참고하시면 많은 도움이 되실듯 합니다!

 

도움이 되셨다면, 구독/공감/댓글 부탁드립니다!

 

감사합니다!