간단한 금융 추적 애플리케이션을 개발 중입니다. 애플리케이션에는 모든 비용 청구서가 포함된 테이블이 있고 테이블 외부에 총 금액이 표시됩니다.

JS 또는 AJAX를 사용하여 테이블 행에서 1개의 확인란을 선택하면 총액에서 청구서를 포함/제외하고 총액이 제외/포함을 반영하도록 자동으로 업데이트되도록 하는 방법을 찾으려고 합니다.

테이블 행은 동적으로 생성되므로 새 청구서가 추가될 때마다 행이 증가합니다. 즉, 확인란 ID가 증가해야 함을 의미합니다.

JS가 조금 있어요

체크박스를 선택하면 경고가 실행되지만 동일한 ID를 가진 첫 번째 체크박스에서만 실행됩니다.

따라서 체크박스가 선택된 행의 금액을 파악하기 위해 체크박스 JS가 필요하고 그 숫자를 총액에서 빼거나 ​​그 반대의 경우도 있으므로 이는 까다로운 작업일 수 있습니다. 어쩌면 이것이 잘못된 접근 방식일까요?

총 개수는 다음과 같이 표시됩니다:

감사합니다