价格格式和用户输入值来更改滑块
问题描述:
我需要在哪里设置.toFixed(2)方法以对我的范围滑块输出进行固定格式设置? 1.9 - > 1.90 2 - > 2.00价格格式和用户输入值来更改滑块
此外是有可能有其中用户将他的价格在(格式(GER):0,00€)的输入字段,这将其转换为计算到0.00€并根据用户输入更改slidervalue?
非常感谢!
function outputUpdate(vol) {
\t document.querySelector('#volume').value = vol;
}
function outputUpdate2(vol2) {
\t document.querySelector('#volume2').value = vol2;
}
function TKPJ(){
\t \t var Field1 = document.getElementById('Field1').value;
\t \t var Field2 = document.getElementById('Field2').value;
\t \t var Field3 = document.getElementById('Field3').value;
\t \t var Format = document.getElementById('Format').value;
\t \t var Slider1 = document.getElementById('Slider1').value;
\t \t var Slider2 = document.getElementById('Slider2').value;
\t \t \t var vol = document.getElementById('volume').value;
\t \t \t var vol2 = document.getElementById('volume2').value;
\t \t var Total = ((Field1*Field2*Field3*Format*vol*vol2)/100).toFixed(2);
\t \t Total = Total.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
\t \t document.getElementById('Total').innerHTML = "Cost per year = "+ Total +" €";
}
<p>Field1</p>
\t \t \t <input type="number" name="Field1" id="Field1" onkeyup="TKPJ()">
\t \t \t </div>
\t \t \t <p>Field2</p>
\t \t \t <input type="number" name="Field2" id="Field2" onkeyup="TKPJ()">
\t \t \t <p>Field3</p>
\t \t \t <input type="number" name="Field3" id="Field3" onkeyup="TKPJ()">
\t \t \t <select name="Format" id="Format" size="1" type="number" onchange="TKPJ()">
\t \t \t \t \t <option value="1">Year</option>
\t \t \t \t \t <option value="12">Month</option>
\t \t \t \t \t <option value="365">Day</option>
\t \t \t \t </select>
<p>Slider1</p>
<input id="Slider1" type="range" min="0.20" max="5" step="0.01" value="1.50" oninput="outputUpdate(this.value)">
<output for="Preisliter" id="volume"> 1.50 </output>
<br>
<p>Slider2</p>
<input id="Slider2" type="range" min="0.1" max="25" step="0.1" value="12.50" oninput="outputUpdate2(this.value)">
<output for="Slider2" id="volume2"> 12.5 </output>
<h3 id="Total">Cost per year = 0,00€</h3>
答
你打电话.toFixed(2)
之前,你必须分析的数量,这是编码为字符串。在你解析之后,你有号码对象并且可以正确呼叫.toFixed()
方法
function outputUpdate2(vol2) {
document.querySelector('#volume2').value = parseFloat(vol2).toFixed(2);
}
啊!每天学习更多。谢谢你,加百列! –