0

我有一个非常简单的 jQuery 计算器设置。如果有帮助，我已经在下面粘贴了脚本和 HTML。

它工作得很好，但我想在值的实际内容之前插入一个 $ 。因此，在下面的脚本中，您可以在第一个字段中输入 100，它会显示 3 年内每月 100 美元的 10% 折扣是多少。我只需要显示美元符号，如果这更容易的话，实际上不会将其添加到值中......

我还想确保保留以下只能输入数字的功能。

有任何想法吗？

HTML：

<form id="savings-calculator" action="#">
    <label>Your monthly premium:</label>
    <input id="premium-amount" name="premium" type="number" value="333" />
    <label>Your three year savings:</label>
    <input id="three-year-savings" class="circle secondary-circle" name="three-year-savings" type="text" value="1200" />
</form>

jQuery：

<script>
jQuery(document).ready(function($) {
$('#premium-amount').bind('keypress keydown keyup change',function(){
    var premium = parseFloat($(':input[name="premium"]').val(),10)
    var v = '';

    if (!isNaN(premium)){

        v = (premium * 36) * (0.10);
    }

    $(':input[name="three-year-savings"]').val(v.toString());
});    

});
</script>
4

1 回答 1

0

您可以简单地将其添加到您要放入控件的字符串中，然后不理会计算值，如下所示：

$(':input[name="three-year-savings"]').val( '$' + v.toString());

请注意，当您从控件中提取值时，它将包含$在其中，而v将保持不变。如果您需要使用控件中的值，您可以在使用replace之前简单地使用parseFloat

v = parseFloat( $(':input[name="three-year-savings"]').val().replace( '$', '' ) );
于 2013-08-28T17:43:09.363 回答