javascript - jQuery 中多个字段的多重计算

标签 javascript jquery html

我正在尝试使用 jQuery 一次进行 2-3 个计算。我找到了一个进行了一次计算的 fiddle 链接,并将其编辑为我认为需要使其全部工作的内容,但我只能使一次性计算工作。

基本上,我根据公制尺寸计算轮胎的整体宽度和高度。

示例:265/70R17 宽度的计算方式为 3 位宽度(265)除以 25.4 = 10.43

高度的计算方法是:以英寸为单位的宽度乘以比率 (70),然后将该数字加倍,然后加上轮辋的尺寸 (17)。所以,((10.43 * .7) * 2) + 17 = 31.60

这是我一直在尝试制作的 fiddle 的链接。
http://jsfiddle.net/fY57T/

$('#rim').change(function(ev){
    var twidth = $('#width').val() / 25.4;
    var step1height = $('#ratio').val() * twidth;
    var step2height = step1height * 2; 
    var theight = step2height + $('#rim').val(); 
  $('#theight').html((theight).toFixed(2));
  $('#twidth').html((twidth).toFixed(2));
});

提前感谢任何人提供的任何意见。

最佳答案

问题在于添加了 step2heightrim id 值,它被视为字符串,而不是数字。您需要使用 parseInt() 将它们转换为数字

var theight = step2height + $('#rim').val();

应改为

var theight = parseInt(step2height) + parseInt($('#rim').val());

这是更新后的Fiddle

关于javascript - jQuery 中多个字段的多重计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25087676/

相关文章:

jquery - 使用 jQuery tablesorter 排除某列的排序

html - 使用多个 CSS 文件针对不同的屏幕宽度

ios - iOS/移动版 safari 与现代浏览器标准的符合程度如何?

javascript - 使用 Backbone.js 和 Express.js 构建应用程序

javascript - ngAttr 与 Angular 的条件属性

javascript - 单击复选框标签时丢失选择

javascript - 使用javascript动态调整网页大小

javascript - 如何借助 HTML5 获取文件名和大小?

javascript - <a> svg 周围的链接行为异常

javascript - 删除除第一个之外的所有子节点