값은 부동 소수이지만 여전히 'NaN`

Question

계속 Nan이 계속 발생하고 코드에 누락 된 부분이 있습니까? 내가 가지고있는 값은 순수 부동 소수점 숫자입니다 (예 : 79.00, 12.00 등). 이전에이 코드의 긴 버전을 작성했는데 올바른 대답을 얻었지만이 짧은 코드로 변경하면 코드의 NaN

긴 버전 현재

function tblcheckboxes(){ 
    var a, b, c ... v = 0; 
    if ($('#tcbx1').is(":checked")) { 
     a = parseFloat($("#tcbx1").val(), 10); 
    } 
    if ($('#tcbx2').is(":checked")) { 
     b = parseFloat($("#tcbx2").val(), 10); 
    } 
    if ($('#tcbx3').is(":checked")) { 
     c = parseFloat($("#tcbx3").val(), 10); 
    } 
    ... 
    ... 
    ... 
    if ($('#tcbx23').is(":checked")) { 
     v = parseFloat($("#tcbx23").val(), 10); 
    } 
    var total = a + b + c ... + v; 
    $('.txt7').val(total.toFixed(2)); 
} 

$(document).ready(function(){ 
     $('#tcbx1').click(function(){ 
       tblcheckboxes(); 
     }); 
     $('#tcbx2').click(function(){ 
       tblcheckboxes(); 
     });   
     $('#tcbx3').click(function(){ 
       tblcheckboxes(); 
     }); 
     ... 
     ... 
     ... 
     $('#tcbx23').click(function(){ 
       tblcheckboxes(); 
     }); 
}); 

코드

function tblcheckboxes() { 
    var a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v = 0; 
    var vars = [a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t, u, v]; // store in an array for easier access 

    var total = 0; // initialize total so it can be added while looping through the elements 

    for(var x = 1; x <= 23; x++) { 
     if($("#tcbx" + x).is(":checked")) { 
      vars[x - 1] = parseFloat($("#tcbx" + x).val(), 10); 
     } 
     total = parseFloat($(total).val(), 10) + vars[x - 1]; 
    } 

    $(".txt7").val(total.toFixed(2)); 
} 


$(document).ready(function() { 
    for(var i = 1; i <= 23; i++) { 
     $("#tcbx" + i).click(function() { 
      tblcheckboxes(); 
      grandtotal(); 
     }); 
    } 
}); 

$(":checkbox").on("change", function() { 
    //change input #grandtotal value according check/uncheck checkboxes 
    $(".txt7").val(function() { 
    //declare a variable to keep the sum of the values 
    var sum = 0; 
    //using an iterator find and sum the values of checked checkboxes 
    $(":checkbox:checked").each(function() { 
     sum = parseFloat($(sum).val(), 10) + parseFloat(~~$(this).val(), 10); 
    }); 
    return sum; 
    }); 
}); 

//here change the value according on checked checkboxes on DOM ready event 
$(".txt7").val(function() { 
    var sum = 0; 
    $(":checkbox:checked").each(function() { 
    sum = parseFloat($(sum).val(), 10) + parseFloat(~~$(this).val(), 10); 
    }); 
    return sum; 
}); 

jsFiddle

Answer 1

var a, b, c, ..., v = 0; 

은 모든 변수를 초기화하지 않습니다. v을 0으로 초기화하지만 다른 모든 변수는 정의되지 않습니다.

var a = 0, b = 0, c = 0, ..., v = 0; 

또는 당신은 할 수 있습니다 : 그것은 할 필요가

var a, b, c, ..., v; 
a = b = c = ... v = 0; 

난 당신이 모든에 대해 별도의 변수를 사용하여 재고 및 배열을 사용하는 것이 좋습니다. 그런 다음 모든 입력에 대해 반복하는 루프를 사용하고 해당 요소를 0 또는 입력 값으로 설정합니다.

Answer 2

jQuery를 사용하는 경우 을으로 사용하십시오. 당신이 쓸 때 때문에 당신은 모든 단일 VAR를 초기화해야

var total = 0; 

$('input[id^=tcbx]').each(function(cb){total += cb.checked? Number(cb.value) : 0}); 

console.log(total); 

Answer 3

: :이 tblcheckboxes 기능은 무엇인가 할 수있다 v 제외

var a, b, c ... v = 0; 

모든 변수가이 시점에서 null이, 그리고 이 작업을 수행 할 때

if ($('#tcbx1').is(":checked")) { 
    a = parseFloat($("#tcbx1").val(), 10); 
} 

$('#tcbx1').is(":checked")은 false 다음 a의 경우 정의되지 않은 때까지, 당신은이 작업을 수행 할 수 없습니다

var total = a + b + c ... + v; 

그래서 대신 이렇게 :

var a = 0, b = 0, c = 0 ... v = 0; 

편집 :parseFloat()는 두 개의 인수를하지만 여전히 작동하지 않습니다. 변경 사항을 고려하면 다른 것은 아마도 $("#tcbx1").val()에 숫자가 있지만 내부에 문자가있을 가능성이 높습니다.값이 순수 수 있는지 확인하거나 체크 박스 값이 편지를 포함 적어도 한 경우에는 값의 끝에 있어야합니다 : EDIT

parseFloat("12.3s", 10) // returns 12.3 
parseFloat("s12.3s", 10) // returns Nan 
parseFloat("12.3", 10) // returns 12.3 
parseFloat("12.3") // returns 12.3 

:가 jsFiddle 링크를 주셔서 감사합니다, 나는 이것을보고 :

를

if($("#tcbx" + x).is(":checked")) 

을 다시 vars[x - 1] 정의되지 않은,하지만 당신은 여전히 ​​캘리포니아에 노력하고있다 : 코드 안타 것을 는

for(var x = 1; x <= 23; x++) { 
    if($("#tcbx" + x).is(":checked")) { 
     vars[x - 1] = parseFloat($("#tcbx" + x).val(), 10); 
    } 
    total = parseFloat($(total).val(), 10) + vars[x - 1]; 
} 

확인 그걸로 + 연산자를 사용하면 작동하지 않을 것입니다. 당신이 뭘 하려는지 모르겠지만,이 있어야한다 쉬운 방법하지 않음 :이 보지 않는 이유

for(var x = 1; x <= 23; x++) { 
    if($("#tcbx" + x).is(":checked")) { 
     vars[x - 1] = parseFloat($("#tcbx" + x).val(), 10); 
     total += vars[x - 1]; 
    } 
} 

와는은 ... 음 : jsFiddle