我希望建立一个提交到数据库(.asp)的网页,但也计算一个百分比。
百分比金额为8%。
理想情况下,我希望用户在输入框中输入金额(例如,假设为100英镑)
然后在下面有另一个输入框,自动加油100英镑+ 8%(所以108英镑)
我还没知道怎么开始所以我没有任何代码
答案 0 :(得分:1)
Live jsFiddle:http://jsfiddle.net/5mB3Q/
这是你的jQuery:
$("#val").on('keyup', function(){
$("#incPerc").text(parseInt($(this).val())*1.08);
});
您可能希望使用库将输入限制为仅限数字。 像这样:Limit Textfield Input to digits only
添加了第二个输入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 lib时忘记了协议。 (和doc.ready)
答案 1 :(得分:0)
$('#output').text = (int)($('#input').text.Substring(0, $('#input').text.Length - 1)) * 1,08 + $('#input').text.Substring($('#input').text.Length - 1);