获取 2 个输入字段中的舍入值,当其中一个输入字段更新时,这些输入字段会更新
Get rounded values in 2 input fields that update when one of them updates
我总共有 3 个输入字段。
用户在第一个中输入一个数值。现在,当用户在第二个或第三个中输入一个值时,无论它是哪个更新,它都是其他更新(例如,如果是第二个,那么第三个更新,如果是第三个更新,第二个更新)。
第二个只是一个数字,第三个是相对于第一个输入字段的相应变化百分比。
您将很容易看到我在小提琴中所说的内容:https://jsfiddle.net/1g570e7x/
但是,我想在输入发生后立即舍入第二个和第三个输入字段的值,然后像以前一样更新相应的字段。
例如:用户在第一个输入中输入 50,然后在第二个输入中输入 40,该字段更改为 40.00,第三个字段更改为 20.00
这是 HTML:
<input id="input1" type="number"/>Stock<br><br>
<label for="input2">Remainder</label>
<input id="input2" type="number"/><br>
<label for="input3">Percentage of loss</label>
<input id="input3" type="number"/>%<br>
和jQuery:
$(document).ready(function(){
$('#input2').on('input',function(){
var stock=$('#input1').val();
var value=$('#input2').val();
$('#input3').val((stock-value)/stock*100);
});
$('#input3').on('input',function(){
var percnt=$('#input3').val();
var stock=$('#input1').val();
$('#input2').val(stock-(stock*percnt/100));
});
$('#input1').on('input',function(){
if($('#input2').val()!=''){
$('#input2').trigger('input');
}
if($('#input2').val()!=''){
$('#input3').trigger('input');
}
});
});
您可以使用
parseFloat
将字符串转换为浮点数,然后使用 float 的 toFixed
函数将其设置为正确的小数位数:
var value = '33.234234234';
var float = parseFloat(value);
alert(float.toFixed(2));
相关文章:
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 而循环只设置php中输入字段中的第一个值
- 使用 Javascript 将字段输入除以 12
- 合并来自多个字段输入的搜索结果
- 使用 Javascript 实时打印字段输入数据
- 防止AngularJS中跨路由的字段输入重复
- 引用Iframe中的字段输入
- 禁用html5”;“必需”;不显示窗体部分时的字段输入属性
- JavaScriptFormValidation-需要特定的字段输入,但使用大写/小写
- 验证VF页面上所需字段输入的Javascript不起作用
- 在没有
- 使用Jquery将字段输入值作为查询字符串附加到url
- HTML5 jQuery选择所有日期字段'输入:date'
- 将字段输入复制到另一个字段输入
- 向图像添加字段(输入)
- 动态添加字段输入不会存储值并传递给控制器
- 向输入字段输入键击
- 我如何通过javascript验证datetime字段输入
- HTML如何将用户字段输入作为json对象发送
- 如何根据'select' onchange事件将值填充到第二个输入字段?输入