如何在HTML和JavaScript中连接值?

时间:2011-02-07 13:27:54

标签: javascript html

例如

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

如果单击按钮0,则表示应在文本框中显示0。如果我单击该按钮,它应该在该框中连接。但它取代了代码是错误的。

4 个答案:

答案 0 :(得分:5)

据我了解,您希望每个按钮单击以向文本框内容添加0。所以它从空开始,当你第一次按下按钮时,内容变为0.再推一次将内容更改为00。

假设这是正确的,试试这个:

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

答案 1 :(得分:1)

如果您被允许使用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>

Example here

答案 2 :(得分:0)

您好,您可以按照以下方式进行操作

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

答案 3 :(得分:0)

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