如何連接HTML和JavaScript中的值？

Question

例如

<input type="text" name="disp">
<input type="button" name="but0" value="0" onclick=""+"calc.disp.value=0"+"">

如果單擊按鈕0，則它應在文本框中顯示0。 如果單擊按鈕，則應在該框中串聯。 但它替換的是代碼是錯誤的。

Answer 1

據我了解，您希望每個按鈕單擊都將0添加到文本框內容。 因此，它開始是空的，並且第一次按下按鈕時，內容更改為0。再次按下該按鈕時，內容更改為00。

假設正確，請嘗試以下操作：

<input type="text" name="disp">
<input type="button" name="but0" value="0" onclick="calc.disp.value=calc.disp.value + '0';">

Answer 2

如果您被允許使用jQuery，我建議您使用所需的代碼，然后更容易了解發生了什么：

首先，向每個輸入添加一個id屬性。

<input type="text" name="disp" id="textBox">
<input id="button0" type="button" name="but0" value="0">

您想加0？ 因此，如果輸入1，然后按0按鈕，它將顯示10，然后再次更改為100：

<script type="text/ecmascript">
$(document).ready(function()
{
  $("#button0").click(function()
  {
    var textVal = $("#textBox").val();
    $("#textBox").val(textVal + 0);
  });
});
</script>

這里的例子

Answer 3

var sum = document.getElementById("id1").value 
    + document.getElementById("id2").value 
    + document.getElementById("id3").value;

Answer 4

嗨，你可以按照以下方式做

<input type="text" name="tst" id="tst">
<input type="button" value="0" onclick="javascript:document.getElementById('tst').value = document.getElementById('tst').value + this.value "