셀의 부동 소수점 값 변경

Question

모든 행에 값과 체크 박스가 포함 된 HTML 테이블이 있습니다. 확인란을 클릭하면이 값을 다른 고정 셀에 추가하는 스크립트가 활성화됩니다. 체크 박스가 선택되면 번호가 추가되고, 선택하지 않으면 번호가 뺍니다.

function val_sel_achat(val, id) 
{ 
    if (document.getElementById(id).checked) 
    { 
     document.getElementById('res_achat').innerHTML += val; 
    } 
    else 
    { 
     document.getElementById('res_achat').innerHTML -= val; 
    } 
} 

숫자를 추가하는 것이 아니라 체인을 연결하는 것 외에는 대부분 잘 작동합니다. 따라서 val = 100 인 상자를 선택하면 선택을 취소하고 100을 표시 한 다음 0을 입력하면됩니다. 그러나 두 개의 다른 상자 (예 : 100과 25)를 확인하면 10025가 표시됩니다.

대신 코드가 125로 표시되도록 변경하는 방법은 무엇입니까?

감사합니다.

Answer 1

function val_sel_achat(val, id) 
{ 
    var x = document.getElementById('res_achat').innerHTML; 
    if (document.getElementById(id).checked) 
    { 
     document.getElementById('res_achat').innerHTML = parseFloat(x) + val; 
    } 
    else 
    { 
     document.getElementById('res_achat').innerHTML = parseFloat(x) - val; 
    } 
} 

Answer 2

사용 .parseFloat()

function val_sel_achat(val, id) { 
    var inner = document.getElementById('res_achat').innerHTML; 
    if (document.getElementById(id).checked) { 
     document.getElementById('res_achat').innerHTML = parseFloat(inner) + parseFloat(val); 
    } else { 
     document.getElementById('res_achat').innerHTML = parseFloat(inner) - parseFloat(val); 
    } 
} 

샘플 확인란 fiddle