jQuery小数はチェックボックスの合計結果に表示されません

Question

以下のコードは、チェックボックスの合計と結果を示しています。

私はthisからこのコードを持っています。

HTML

<input type="checkbox" checked value="Gez" rel="69.95">Gezichtsbehandeling 
<input type="checkbox" value="ExtraLang" rel="9.95">Extra lange 
<input type="checkbox" value="Massage" rel="59.95">Massage 
<input type="checkbox" value="Pedicure" rel="35">Pedicure 

Totaal <span id="output"></span> 

JS

<script> 
$(document).ready(function() { 
    function recalculate() { 
     var sum = 0; 

     $("input[type=checkbox]:checked").each(function() { 
      sum += parseInt($(this).attr("rel")); 
      ; 
     }); 

     $("#output").html(sum); 
    } 

    $("input[type=checkbox]").change(function() { 
     recalculate(); 
    }); 
}); 

</script> 

問題は、合計は、小数点以下が表示されないということです。

はのparseIntは、小数部分を除去されているため、明らかにこれが起こっているここjsfidle

Answer 1

：

$("input[type=checkbox]:checked").each(function() { 
     sum += parseFloat($(this).attr("rel")); 
    }); 

変更parseFloatからparseIntは、小数点以下を維持します。 JSFiddle

作業

はUPDATE：出力は、小数点以下2桁にフォーマットするために得るためにあなたの要求ごとに

..あなたがへ

$("#output").html(sum); 

を変更する必要があります。

$("#output").html(sum.toFixed(2)); 

あなたが望む形式をあなたに与えるはずです。 JSFiddle

Answer 2

を参照してください。特にintではなく、任意の数値に変換します。あなたのJSFiddleパー

sum += +$(this).attr("rel"); 

Answer 3

作業

はこれを試してみてください：

$("input[type=checkbox]:checked").each(function() { 
    sum += parseFloat($(this).attr("rel")); 
}); 

parseFloatはへのparseIntを交換してください。ここにjsFiddle：http://jsfiddle.net/efvxefx1/2/

ありがとうございます。

Answer 4

合計を行う前にIntに変換しているからです。下のコードに更新してください

sum += parseFloat($(this).attr("rel")); 

Answer 5

小数点以下2桁も取得してください！

$("input[type=checkbox]:checked").each(function() { 
      sum += parseFloat($(this).attr("rel")); 
     }); 
    sum = sum.toFixed(2) 
    $("#output").html(sum);