선택한 입력란을 다른 입력 이름으로 함께 추가하는 방법

Question

현재 여러 항목에 대해 일련의 확인란이 있습니다.이 확인란을 선택하면 총계가 수정됩니다. 자바 스크립트 코드는 아래와 같습니다.

<script type="text/javascript"> 
function checkTotal() { 
document.listForm.total.value = ''; 
var sum = 0.00; 
for (i=0;i<document.listForm.choice.length;i++) { 
if (document.listForm.choice[i].checked) { 
sum = sum + parseFloat(document.listForm.choice[i].value); 
} 
} 
document.listForm.total.value = sum.toFixed(2); 
} 

</script> 

이 코드는 정상적으로 작동하지만 모든 확인란의 입력 이름이 '선택 사항'입니다. 이를 변경하여 각 입력 이름이 choice1, choice2, choice3 등 다른 경우 어떻게해야합니까? 'choice'라는 이름을 추가하는 대신 모든 이름이 다른 확인란을 모두 추가하도록 JavaScript를 변경하는 방법은 무엇입니까?

도움이되고, HTML과 CSS의 지식은 좋지만 기본 JavaScript는 좋을 것입니다. 감사.

Answer 1

jQuery를 사용하면 아래 코드 조각이 페이지의 모든 체크 상자 값을 추가합니다. 테스트하지는 않았지만 제대로 작동합니다.

$("input[type=checkbox]").each(function(){ 
    if(this.checked){ 
    sum = sum+this.val(); 
    } 
}); 

Answer 2

당신은 같은 것을 할 수있는이 테스트되지

function checkTotal() { 
    document.listForm.total.value = ''; 
    var sum = 0.00; 
    var i, inputs, input; 

    inputs = document.getElementsByTagName('input') 

    for (i=0;i<inputs.length;i++) { 
     input = inputs[i] 
     if (input.type === 'checkbox' && input.name.substr(0, 6) === 'choice') { 
      sum = sum + parseFloat(input.value); 
     } 
    } 
    document.listForm.total.value = sum.toFixed(2); 
} 

,하지만 코드는 모든 입력 요소에 대한 DOM을 보일 것입니다. 그런 다음 그것들을 반복하고 '선택'으로 시작하는 이름을 가진 체크 박스 인 것들을 확인합니다. 그런 다음 체크 박스의 값을 합계에 추가합니다.

jQuery와 같은 라이브러리는 이런 종류의 작업을 훨씬 쉽게 만듭니다.