Question

这似乎应该很简单，但我无法让它发挥作用。我工作的环境要求我使用NAME而不是ID，所以我确定我的所有名字都是唯一的。我只想从输入字段中获取两个数字，将它们加在一起并将答案放入只读字段中。

<input type="number" name="first_num"></input>
<input type="number" name="second_num"></input>
<input type="number" name="sum_of_num" readonly></input>
<button name="perform_sum" onclick="document.getelementsbyname("sum_of_num")[0].value=(document.getelementsbyname("first_num")[0].value+document.getelementsbyname("second_num")[0].value)">Sum</button>

Answer 1

您需要使用单引号，否则它会认为属性已关闭。这些函数也区分大小写，因此它应该是getElementsByName

这

<button name="perform_sum" onclick="document.getelementsbyname("sum_of_num")[0].value=(document.getelementsbyname("first_num")[0].value+document.getelementsbyname("second_num")[0].value)">Sum</button>

到

<button name="perform_sum" onclick="document.getElementsByName('sum_of_num')[0].value=(document.getElementsByName('first_num')[0].value+document.getElementsByName('second_num')[0].value)">Sum</button>

Answer 2

<input type="number" name="first_num"></input>
<input type="number" name="second_num"></input>
<input type="number" name="sum_of_num" readonly></input>
<button name="perform_sum" onclick="document.getElementsByName('sum_of_num')[0].value = (parseInt(document.getElementsByName('first_num')[0].value) + parseInt(document.getElementsByName('second_num')[0].value))">Sum</button>

getelementsbyname - ＆gt; getElementsByName（javascript区分大小写）
“ - ＆gt;'（如果你在html中使用双顶点，你必须在javascript中削减你的双顶点或者必须在javascript中使用单个顶点，或者反向）
.value是字符串，您需要将其转换为int

Answer 3

jQuery回答，因为它是最简单的（即使你没有标记jQuery）：

.where

jQuery使得通过名称等属性选择变得非常简单。

Answer 4

你必须使用parseInt函数，否则它只会连接两个框值。

使用HTML中的按钮访问和添加字段

4 个答案: