如何添加分配值並在javascript中添加

Question

<input name="" type="button" value="300" onclick="document.all.t1.value=this.value" />
<input name="t1" type="text" id="t1"/><br />

<input name="" type="button" value="400" onclick="document.all.t2.value=this.value" />
<input name="t2" type="text"  id="t2"/><br />
<script>
function add(){
    document.getElementById("t3").value = Math.floor(document.getElementById("t1").value) +
                                          Math.floor(document.getElementById("t2").value);
}
</script>

<input name="" type="button" value="add" onclick="add" />
<input name="t3" type="text" id="t3"/>

上面的代碼是錯誤的。，請期待一些糾正。 謝謝。

當單擊300時，第一個文本框中的300代表400，然后單擊添加按鈕。 第三文本框shoew 700

Answer 1

您的“ onclick”必須如下所示：

<input name="" type="button" value="add" onclick="add()" />

對document.all引用在Internet Explorer以外的瀏覽器中將不起作用，因此您應更改為使用document.getElementById() 。

Answer 2

您必須調用該函數而不是引用它。

也就是說，使用：

<input name="" type="button" value="add" onclick="add()" />
                                                    /|\
                                                     |
-------------------------------------------------------

Answer 3

<script type="text/javascript">
function add(){
    document.getElementById("t3").value = parseInt(document.getElementById("t1").value) +
                                          parseInt(document.getElementById("t2").value);
}
</script>
<input name="" type="button" value="300" onclick="document.getElementById('t1').value=this.value" />
<input name="t1" type="text" id="t1"/><br />

<input name="" type="button" value="400" onclick="document.getElementById('t2').value=this.value" />
<input name="t2" type="text"  id="t2"/><br />

<input name="" type="button" value="add" onclick="add()" />
<input name="t3" type="text" id="t3"/>

http://jsfiddle.net/AQYJh/