jQuery에서 체크 박스 값을 계산 하시겠습니까?

Question

이 내 코드입니다, 여기가 6 체크 박스가하고 6 번 호출과는 20해야보다 때마다이 10,10처럼, 내가 값을 전달하고이 두 값의 합을하지만 120 반환 어떻게이 문제를 해결할 수 문제?

jQuery('.pricefield input').each(function() { 
    var checkedValues = jQuery('input:checkbox:checked').map(function() { 
    str=this.value; 
    source_str = str.substr(str.indexOf("#")); 
    keywords = source_str.split (/[\D,]+/); 
    val1=keywords[1]; 
    val2=keywords[2]; 
    sum+=parseInt(val1, 10)+parseInt(val2, 10); 
    alert(sum); 
    pricefield_both(sum); 
    }).get(); 
}); 

Answer 1

당신은 나중에 먹으 렴 #

Live Demo

$(function() { 
    $('.pricefield input').on("click",function() { 
    var sum=0; 
    $('input:checkbox:checked').each(function() { 
     var str=$(this).val().split("#")[1].split(","); 
     sum += (parseInt(str[0], 10) + parseInt(str[1], 10)); 
    }); 
    pricefield_both(sum); // assuming that function works 
    }); 
});  

Answer 2

keywords = source_str.split (/[\D,]+/); 
val1=keywords[1]; 
val2=keywords[2]; 
sum+=parseInt(val1, 10)+parseInt(val2, 10); 

이 코드는 좋지 않다!

다음과 같이 시도해보십시오!

keywords = source_str.split(/[\D,]+/); 
val1 = +keywords[1]; 
val2 = +keywords[2]; 
sum += val1 + val2; 

그리고 로컬 변수가 전역 적으로 액세스 할 수 없도록 변수를 먼저 정의하는 것이 좋습니다!

var str, source_str, keywords, val1, val2, sum; 

결과가 울부 짖는 소리입니다 : 당신은 올바른 인덱스보고되지

var str, source_str, keywords, val1, val2, sum = 0; 
jQuery('.pricefield input').each(function() { 
    var checkedValues = jQuery('input:checkbox:checked').map(function() { 
    str=this.value; 
    source_str = str.substr(str.indexOf("#")); 
    keywords = source_str.split (/[\D,]+/); 
    val1 = +keywords[1]; 
    val2 = +keywords[2]; 
    sum += val1 + val2; 
    alert(sum); 
    pricefield_both(sum); 
    }).get(); 
});