HTML 按钮在 Javascript 的文本字段中添加数字

HTML button adds numbers in textfield in Javascript

本文关键字：字段 添加 数字 文本 按钮 Javascript HTML      更新时间：2023-09-26

我正在尝试的是以下内容：我有 2 个按钮和一个文本字段（您在下面看到的代码）按钮上有一个值：0,20和0,05。当您按下其中一个按钮时，该值应显示在文本字段中，当您再次按下其中一个按钮时，该值应添加到当前值中。这是我目前拥有的代码： 

<input id="bedraggroot" type="button"  value="0.20" onClick="b();">   
<input  id="bedragklein" type="button" value= "0.05" onClick="b();">
<p> Ingeworpen : <span id="toonbedrag"> Ingeworpen </span></p>
function b()
{
var bedrag1 = parseFloat(document.getElementById('bedraggroot').value);
var bedrag2 = parseFloat(document.getElementById('bedragklein').value);
var totaalbedrag;
if(bedrag1 == 0)
  {
    parseFloat(totaalbedrag)+ bedrag2;
  }
if(bedrag2 == 0)
  {
    parseFloat(totaalbedrag) = totaalbedrag + bedrag1;
    tussenbedrag = tussenb
  }

document.getElementById('toonbedrag').innerHTML = totaalbedrag;
}

我已经尝试了很多东西，但似乎没有什么能奏效。没有 parseFloat，前面有一个 +。（阅读这些论坛中的所有内容）有人可以帮助我吗？

你可能知道，我只是这些事情的初学者。

亲切问候。

与其执行 if 条件，不如将按钮值传递给函数 "b"（您应该为函数使用更明确的名称）。

你也做错了计算。"A + B"并不真正存储计算结果，但"A = A + B;"可以。

<input id="bedraggroot" type="button"  value="0.20" onClick="b(this.value);">   
<input  id="bedragklein" type="button" value= "0.05" onClick="b(this.value);">
<p> Ingeworpen : <span id="toonbedrag"> Ingeworpen </span></p>
<script>
var totaalbedrag = 0;
function b(bedrag)
{
    totaalbedrag = parseFloat(bedrag) + totaalbedrag; 
    document.getElementById('toonbedrag').innerHTML = totaalbedrag.toFixed(2);
}
</script>

"toFixed"消除了浮点十进制舍入的问题，描述如下：Javascript，奇怪的浮点数无尽十进制？

在

jsfiddle中尝试一下

这里有很多

问题。您没有分配parseFloat(totaalbedrag)+ bedrag2;而是为表达式分配了一些内容parseFloat(totaalbedrag)这肯定会失败并在控制台中显示某些内容。

最后，您将tussenb分配给tussenbedrag但两者都未定义。

如果您上面显示的代码是完整的 - 您缺少将其标记为代码的脚本标记。请参阅 http://www.w3schools.com/html/html_scripts.asp

请尝试以下操作

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery 3D Falling Leaves Demo</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-2.1.3.js"></script>
</head>
<body>
<input id="bedraggroot" type="button"  value="0.20" onClick="b(this.value);">
<input  id="bedragklein" type="button" value= "0.05" onClick="b(this.value);">
<p> Ingeworpen :
  <input type="text" id="toonbedrag" value="0.0" />
</p>
<script>
function b(value)
{
var prevTotal = $('#toonbedrag').val();
var total=parseFloat(prevTotal) + parseFloat(value);
 $('#toonbedrag').val(total.toFixed(2));
}
</script>
</body>
</html>
相关文章：