我正在寻找一个提交到数据库(.asp)但也计算百分比的网页。
百分比金额为 8%。
理想情况下,我希望用户在输入框中输入一个金额(例如,让我们说 100 英镑)
然后在下面有另一个输入框,它会自动计算 £100 + 8%(所以 £108)
我不知道如何开始,所以我没有任何代码
我正在寻找一个提交到数据库(.asp)但也计算百分比的网页。
百分比金额为 8%。
理想情况下,我希望用户在输入框中输入一个金额(例如,让我们说 100 英镑)
然后在下面有另一个输入框,它会自动计算 £100 + 8%(所以 £108)
我不知道如何开始,所以我没有任何代码
现场jsFiddle:http: //jsfiddle.net/5mB3Q/
这是你的 jQuery:
$("#val").on('keyup', function(){
$("#incPerc").text(parseInt($(this).val())*1.08);
});
您可能想使用库将输入限制为仅数字。像这样:将文本字段输入限制为仅数字
添加了第二个输入http://jsfiddle.net/5mB3Q/1/ 和两位数:
$("#val").on('keyup', function(){
var withPerc = parseFloat($(this).val())*1.08;
$("#incPerc").text(withPerc.toFixed(2));
$("#otherInput").val(withPerc.toFixed(2));
});
编辑:好的,由于注释的完整代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-2.0.0.js" type="text/javascript"></script>
</head>
<body>
<form>
<input id="val">
<input id="otherInput">
</form>
<script type="text/javascript">
$(document).ready(function() {
$("#val").on('keyup', function(){
var withPerc = parseFloat($(this).val())*0.08;
$("#incPerc").text(withPerc.toFixed(2));
$("#otherInput").val(withPerc.toFixed(2));
});
});
</script>
</body>
</html>
当您链接 jQuery 库时,您忘记了协议。(和 doc.ready)
$('#output').text = (int)($('#input').text.Substring(0, $('#input').text.Length - 1)) * 1,08 + $('#input').text.Substring($('#input').text.Length - 1);