2つのオブジェクトが数学的にリンクされているこのコード行でtoFixed（）を使用するにはどうすればよいですか？

Question

これは簡単な質問ですが、私はjQueryには全く慣れていないので、特定のものを使うことを考えています。出力値を変更するリンクされた「ゼロサム」スライダを考え出しましたが、入力値が不均等数で割られることがあるため、この値は整数ではないことがよくあります。私は出力を整数にする（丸め、または単に2桁にしか現れない）。これを行う方法を調べるには、toFixed（）関数が出てきましたが、私のコード行に実装する方法がわかりません。

change: function(event, ui) { 
$('#p1').text($("#slider_caya").slider("value")); 
$('#p2').text($("#slider_charity").slider("value")); 
$('#p3').text($("#slider_artists").slider("value")); 
$('#p4').text($("#slider_maps").slider("value")); 
$('#p5').text($("#slider_stars").slider("value")); 
$('#p6').text($("#slider_comps").slider("value")); 
$('#p7').text($("#slider_caya").slider("value") + $("#slider_artists").slider("value")/3 + $("#slider_charity").slider("value")); 
} 

"＃P7の" 私は、全体の整数として表示したい出力がある：http://jsfiddle.net/7e8xwjer/3/

以下は問題のコードは次のとおりです。

はここjfiddleです。

Answer 1

まずあなたが数値を四捨五入し、小数を破棄するMath.round()を使用するか、または一部を制限するNumber.toFixed()を使用することができ、使用後toFixed()

$('#p7').text(($("#slider_caya").slider("value") + 
    $("#slider_artists").slider("value")/3 + 
    $("#slider_charity").slider("value")).toFixed(2)); 

http://jsfiddle.net/7e8xwjer/4/

Answer 2

を合計を行います。

jsFiddle (rounded)

{ 
    change: function(event, ui) { 
     var p7Val = Math.round($("#slider_caya").slider("value") + $("#slider_artists").slider("value")/3 + $("#slider_charity").slider("value")); 
     $('#p7').text(p7Val); 
    } 
}, { 
    slide: function(event, ui) { 
     var p7Val = Math.round($("#slider_caya").slider("value") + $("#slider_artists").slider("value")); 
     $('#p7').text(p7Val); 
    } 
} 

jsFiddle (toFixed)

{ 
    change: function(event, ui) { 
     var p7Val = ($("#slider_caya").slider("value") + $("#slider_artists").slider("value")/3 + $("#slider_charity").slider("value")).toFixed(2); 
     $('#p7').text(p7Val); 
    } 
}, { 
    slide: function(event, ui) { 
     var p7Val = ($("#slider_caya").slider("value") + $("#slider_artists").slider("value")).toFixed(2); 
     $('#p7').text(p7Val); 
    } 
}