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相同，然后单击添加按钮。第三个文本框鞋子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/

如何添加赋值并在javascript中添加

3 个答案: