我正在尝试让用户将数据输入到多个字段中,然后我希望能够添加该值并占用一定百分比。我意识到我可以添加变量,但是我希望用户能够看到总数和百分比。如果您想查看该网站仅供参考,
http://clubs.psu.edu/bk/sga/eform/budget.php
谢谢!
答案 0 :(得分:1)
我不确定你是什么意思,但如果你只是想让用户填写表格然后对结果做一些数学计算,你可以这样做:
$total = $_POST['field1'] + $_POST['field2'] + ... etc.
然后:
$percentage = /* here some math for computing percentage */;
并在模板中显示两者。
<小时/> 更新
好的,所以尝试类似的东西(使用最新的jQuery,只需根据需要进行修改):
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
1st number: <input type="text" id="f1" value="0"/><br/>
2nd number: <input type="text" id="f2" value="0"/><br/>
<p></p>
<script>
$("input").keyup(function () {
var add = parseInt($("#f1").val())+parseInt($("#f2").val());
var per = parseInt($("#f1").val())/parseInt($("#f2").val())*100;
$("p").html("add: "+add+"<br/>number1 is "+per+"% of number2");
}).keyup();
</script>
</body>
</html>
这是你期望的吗?
答案 1 :(得分:0)
javascript代码不关心表单。
我建议您使用jQuery只是为了更容易为每个输入标记添加事件处理程序,但是当输入任何值时,只需开始添加总计并计算百分比,但是,不要显示它,直到您想要输入数据的所有内容都完成,除非您想在输入每个值时显示实时值。