$('input[type=button]').on ('click', function () {
var totalAmount = $('#amount').val(); // Cantidad a pagar -> 1200
}
$('#amount').val(totalAmount);
var feeType = $('#typefee option:selected').val() || 24; // En cuantos meses, 6, 12, 24. Por defecto 24
var tax = 0.05; //Impuesto
var totalAlreadyPay = $('#amountPayed').val() || 0; // Lo que ya se ha pagado -> 200
if ((totalAmount && totalAmount > 0) || totalAlreadyPay > 0) {
// En caso de haber pagado ya alguna parte
totalAmount = totalAmount - totalAlreadyPay
}
$('#amount').val(totalAmount);
// Total a pagar al mes en función del tipo de cuota: 6, 12, 24 meses
var totalToPay = 0;
totalToPay = (totalAmount / feeType) + (totalAmount / feeType) * tax;
$('#totalamount').html(totalAmount);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="amount">
<input type="text" id="amountPayed">
<select id="typefee">
<option value="6">6 meses</option>
<option value="12">12 meses</option>
<option value="24">24 meses</option>
</select>
<input type="button" value="Calcular">
<div id="totalamount"></div>
这是我的脚本,我不明白为什么它没有显示结果,我是javascript的新手,我正在学习,我很感激它帮助我知道为什么结果没有显示。谢谢。
答案 0 :(得分:0)
您在点击事件中的第二行还有一个额外的}
,您应将其删除,请查看下面的工作代码段。
注意:您应该考虑在浏览器中使用开发人员控制台,因为它可以帮助您在代码中找到问题,本例中的控制台显示:
参数列表之后的Uncaught SyntaxError:missing)
$('input[type=button]').on ('click', function () {
var totalAmount = $('#amount').val(); // Cantidad a pagar -> 1200
var feeType = $('#typefee option:selected').val() || 24; // En cuantos meses, 6, 12, 24. Por defecto 24
var tax = 0.05; //Impuesto
var totalAlreadyPay = $('#amountPayed').val() || 0; // Lo que ya se ha pagado -> 200
if ((totalAmount && totalAmount > 0) || totalAlreadyPay > 0) {
// En caso de haber pagado ya alguna parte
totalAmount = totalAmount - totalAlreadyPay
}
$('#amount').val(totalAmount);
// Total a pagar al mes en función del tipo de cuota: 6, 12, 24 meses
var totalToPay = 0;
totalToPay = (totalAmount / feeType) + (totalAmount / feeType) * tax;
$('#totalamount').html(totalAmount);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="amount">
<input type="text" id="amountPayed">
<select id="typefee">
<option value="6">6 meses</option>
<option value="12">12 meses</option>
<option value="24">24 meses</option>
</select>
<input type="button" value="Calcular">
<div id="totalamount"></div>
&#13;