Question

我正在尝试的是以下内容：我有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，前面有一个+。（阅读这些论坛中的所有内容）有人可以帮助我吗？

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

亲切的问候。

Answer 1

这里有很多问题。你没有分配parseFloat(totaalbedrag)+ bedrag2;而你正在为表达式parseFloat(totaalbedrag)分配一些东西，它肯定会失败并在控制台中显示一些内容。

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

Answer 2

如果您上面显示的代码已完成 - 您错过了脚本标记，将其标记为代码。见http://www.w3schools.com/html/html_scripts.asp

Answer 3

不应该执行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, weird floating point number endless decimal?

在jsfiddle

中试试

Answer 4

请尝试以下

<!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>

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

4 个答案: