Fatal编程技术网
  • javascript/
  • HTML按钮在Javascript的文本字段中添加数字

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

javascript

HTML按钮在Javascript的文本字段中添加数字,javascript,Javascript,我尝试的是： 我有两个按钮和一个文本字段（代码如下所示） 按钮上有一个值：0,20和0,05。 当您按下其中一个按钮时，该值应显示在文本字段中，当您再次按下其中一个按钮时，该值应添加到当前值中。 以下是我目前掌握的代码： <input id="bedraggroot" type="button" value="0.20" onClick="b();"> <input id="bedragklein" type="button" value= "0.05" onClic

我尝试的是： 我有两个按钮和一个文本字段（代码如下所示） 按钮上有一个值：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;
}


英格沃潘：英格沃潘

函数b（）
{
var bedrag1=parseFloat（document.getElementById（'bedraggrot'）.value）；
var bedrag2=parseFloat（document.getElementById（'bedragklein'）.value）；
var totaalbedrag；
如果（床单1==0）
{
parseFloat（totaalbedrag）+床单2；
}
如果（床单2==0）
{
parseFloat（totaalbedrag）=totaalbedrag+床单1；
tussenbedrag=tussenb
}
document.getElementById（'toonbedrag'）。innerHTML=totaalbedrag；
}
我已经试过很多东西了，但我试过的似乎都不管用。 没有parseFloat，前面有+。（在这些论坛上阅读所有这些内容） 有人能帮我吗

你可能知道，我只是这些东西的初学者

亲切问候。

这里有很多问题。您没有分配
parseFloat（totaalbedrag）+bedrag2
并且您正在为表达式
parseFloat（totaalbedrag）
分配一些内容，该表达式肯定会失败并在控制台中显示一些内容

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

这里有很多问题。您没有分配
parseFloat（totaalbedrag）+bedrag2
并且您正在为表达式
parseFloat（totaalbedrag）
分配一些内容，该表达式肯定会失败并在控制台中显示一些内容

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

这里有很多问题。您没有分配
parseFloat（totaalbedrag）+bedrag2
并且您正在为表达式
parseFloat（totaalbedrag）
分配一些内容，该表达式肯定会失败并在控制台中显示一些内容

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

这里有很多问题。您没有分配
parseFloat（totaalbedrag）+bedrag2
并且您正在为表达式
parseFloat（totaalbedrag）
分配一些内容，该表达式肯定会失败并在控制台中显示一些内容

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

如果上面显示的代码已完成，则缺少将其标记为代码的脚本标记。请参见

如果上面显示的代码已完成-您缺少将其标记为代码的脚本标记。请参见

如果上面显示的代码已完成-您缺少将其标记为代码的脚本标记。请参见

如果上面显示的代码已完成-您缺少将其标记为代码的脚本标记。请参见下面的内容

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


jquery3d落叶演示
英格沃本：


函数b（值）
{
var prevTotal=$（'#toonbedrag'）.val（）；
var total=parseFloat（prevTotal）+parseFloat（value）；
$（'toonbedag'）.val（total.toFixed（2））；
}
请在下面尝试

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


jquery3d落叶演示
英格沃本：


函数b（值）
{
var prevTotal=$（'#toonbedrag'）.val（）；
var total=parseFloat（prevTotal）+parseFloat（value）；
$（'toonbedag'）.val（total.toFixed（2））；
}
请在下面尝试

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


jquery3d落叶演示
英格沃本：


函数b（值）
{
var prevTotal=$（'#toonbedrag'）.val（）；
var total=parseFloat（prevTotal）+parseFloat（value）；
$（'toonbedag'）.val（total.toFixed（2））；
}
请在下面尝试

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


jquery3d落叶演示
英格沃本：


函数b（值）
{
var prevTotal=$（'#toonbedrag'）.val（）；
var total=parseFloat（prevTotal）+parseFloat（value）；
$（'toonbedag'）.val（total.toFixed（2））；
}
您应该将按钮值传递给函数“b”（应该为函数使用更明确的名称），而不是执行if条件

你的计算也错了。“a+b”实际上并不存储计算结果，但“a=a+b；”存储


英格沃潘：英格沃潘

var totaalbedrag=0；
功能b（床单）
{
totaalbedrag=漂浮物（床单）+totaalbedrag；
document.getElementById（'toonbedrag'）.innerHTML=totaalbedrag.toFixed（2）；
}
“toFixed”消除了浮点小数舍入的问题，如下所述：

在

中的此处尝试，而不是执行if条件，您应该将按钮值传递给函数“b”（您应该为函数使用更明确的名称）

你的计算也错了。“a+b”实际上并不存储计算结果，但“a=a+b；”存储


英格沃潘：英格沃潘

var totaalbedrag=0；
功能b（床单）
{
totaalbedrag=漂浮物（床单）+totaalbedrag；
document.getElementById（'toonbedrag'）.innerHTML=totaalbedrag.toFixed（2）；
}
“toFixed”消除了浮点小数舍入的问题，如下所述：

在

中的此处尝试，而不是执行if条件，您应该将按钮值传递给函数“b”（您应该为函数使用更明确的名称）

你的计算也错了。“a+b”实际上并不存储计算结果，但“a=a+b；”存储


英格沃潘：英格沃潘

var totaalbedrag=0；
功能b（床单）
{
totaalbedrag=漂浮物（床单）+totaalbedrag；
document.getElementById（'toonbedrag'）.innerHTML=totaalbedrag.toFixed（2）；
}
“toFixed”消除了浮点小数舍入的问题，如下所述：

在

中的此处尝试，而不是执行if条件，您应该