간단한 금융 추적 애플리케이션을 개발 중입니다. 애플리케이션에는 모든 비용 청구서가 포함된 테이블이 있고 테이블 외부에 총 금액이 표시됩니다.
JS 또는 AJAX를 사용하여 테이블 행에서 1개의 확인란을 선택하면 총액에서 청구서를 포함/제외하고 총액이 제외/포함을 반영하도록 자동으로 업데이트되도록 하는 방법을 찾으려고 합니다.
테이블 행은 동적으로 생성되므로 새 청구서가 추가될 때마다 행이 증가합니다. 즉, 확인란 ID가 증가해야 함을 의미합니다.
으아악JS가 조금 있어요
으아악체크박스를 선택하면 경고가 실행되지만 동일한 ID를 가진 첫 번째 체크박스에서만 실행됩니다.
따라서 체크박스가 선택된 행의 금액을 파악하기 위해 체크박스 JS가 필요하고 그 숫자를 총액에서 빼거나 그 반대의 경우도 있으므로 이는 까다로운 작업일 수 있습니다. 어쩌면 이것이 잘못된 접근 방식일까요?
총 개수는 다음과 같이 표시됩니다:
으아악감사합니다
P粉7594574202024-04-05 11:35:00
위임만 하면 됩니다
JavaScript가 정말 지저분해지는 것을 방지하려면 h3에서 범위를 확장해야 합니다
총액에 ID를 부여하세요. document.querySelector("h3.text-danger span")보다 쉽습니다.
이 스크립트에는 ID가 필요하지 않습니다
선택 시 포함