Question

希望在这里快速回答，所以这里......

我有一个非常简单的计算器脚本。从2个框中获取输入并将它们乘以隐藏值，然后以简单的“Total”标记显示它们。效果很好，除了我需要在数字前显示'£'。

我不知道我是否最适合使用正则表达式，或者我是否有一种简单的方法可以使用简单的'£'预先显示数量。

这是代码，希望有人可以提供帮助！

$(function () {
    $('#txtTables, #txtIndividuals').on('input', function () {
        var tablePrice = $('#hdnPricePerTable').val();
        var indPrice = $('#hdnPricePerIndividual').val();
        var totalTablePrice = tablePrice * $('#txtTables').val();
        var totalIndPrice = indPrice * $('#txtIndividuals').val();
        $('#total').text(totalIndPrice + totalTablePrice);
    });
});

谢谢大家！

Answer 1

假设您没有对总数进行任何计算，只需在其前面进行。您编写的代码和下面的建议会将之前包含的内容覆盖到#total元素。

var totalPrice = parseInt(totalIndPrice, 10) + parseInt(totalTablePrice, 10);

$('#total').html("&pound;" + totalPrice);

Answer 2

您可以使用£或£在结果

之前显示该符号

Answer 3

我不会把它添加到现场。

你可以采用不同的方式：只需在输入上显示它。

请参阅example，了解一个想法。我已经在Chrome中完成了，所以我不确定它在其他浏览器中是否显示良好（仅仅因为用户代理默认样式不同），但每个浏览器都可以轻松修复。

HTML：

  <div class="currency">&pound;</div>

  <input>

CSS：

.currency {
  position: absolute;
  padding: 4px 7px;
}

Javascript - 计算器需要显示货币符号

3 个答案: