Javascript 查找不带提交按钮且不重新加载的计算脚本
我在网上看到过几个表单，你只需更改所需物品的数量，就可以立即更改价格。没有重新加载和提交（或计算）按钮 我在找这样的东西，但很简单Javascript 查找不带提交按钮且不重新加载的计算脚本,javascript,ajax,forms,Javascript,Ajax,Forms,我在网上看到过几个表单，你只需更改所需物品的数量，就可以立即更改价格。没有重新加载和提交（或计算）按钮 我在找这样的东西，但很简单 Amount of pages: [textfield] price: [answer] 就这些。 代码必须从[textfield]获取输入，并将其乘以某个数字（我可以在代码中更改该数字）。该计算结果应在[答案]中给出 我一直在谷歌上四处寻找，但我只能找到使用提交按钮的非常难和大的表单。我的php/ajax/javascript不够好，无法自己编写te代码。 我知
Amount of pages: [textfield]
price: [answer]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="jquery-1.8.2.min.js" type="text/javascript" defer="defer">
$('#pages').change(function(ev){
var total = $('#pages').val() * 0.2;
$('#total').html((total).toFixed(2));
});?
</script>
</head>
<body>
Pages: <input type="text" name="pages" id="pages" />
<br/><br/>
Total: <span id="total">0.00</span>
</body>
</html>
$（'#页'）。更改（功能（ev）{
var total=$（'#pages'）.val（）*0.2；
$（'#total'）.html（（total）.toFixed（2））；
});?
页：
总数：0.00
我确实下载了Jquery文件，并将其放入与此页面相同的文件夹中。我建议您学习一些基本的Jquery。使用JQuery可以非常有效地完成这些事情，而且学习曲线不会太陡 我给你做了一把小提琴让你开始： 以下是单个工作HTML页面的完整代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#pages').keyup(function(ev){
var total = $('#pages').val() * 0.2;
$('#total').html((total).toFixed(2));
});
});
</script>
</head>
<body>
Pages: <input type="text" name="pages" id="pages" />
<br/><br/>
Total: <span id="total">0.00</span>
</body>
</html>
测试
$（文档）.ready（函数（）{
$（“#页”）.keyup（函数（ev）{
var total=$（'#pages'）.val（）*0.2；
$（'#total'）.html（（total）.toFixed（2））；
});
});
页：
总数：0.00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>test</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#pages').keyup(function(ev){
var total = $('#pages').val() * 0.2;
$('#total').html((total).toFixed(2));
});
});
</script>
</head>
<body>
Pages: <input type="text" name="pages" id="pages" />
<br/><br/>
Total: <span id="total">0.00</span>
</body>
</html>
测试
$（文档）.ready（函数（）{
$（“#页”）.keyup（函数（ev）{
var total=$（'#pages'）.val（）*0.2；
$（'#total'）.html（（total）.toFixed（2））；
});
});
页：
总数：0.00
changekeyupchangekeyup.change（）.keyup（）.change（）.keyup（）keyupkeyup