javascript - 将文本框的值绑定到 onclick 参数

Question

  <input type="text" name="BoqTextBox" />
    <input type="AddValueButton" value="+" onclick="Add(BoqTextBox)" />
    <input type="MinusValueButton" value="-" onclick="Minus(BoqTextBox)"/>                           
    </div>

    <script>
        function Add(data) {
            var i = 1;
        }   
    </script>

用户将数据输入“BoqTextBox”并单击 + 按钮。文本框中的所有数据都传递给函数 Add(data) 中的“数据”参数

我该怎么做呢？谢谢

Answer 1

首先，您应该向 input[name=BoqTextBox] 元素添加一个 ID 属性，因为按名称搜索元素更加困难。（见http://www.mkyong.com/javascript/how-to-get-element-by-name-in-html-getelementsbyname/）

<input type="text" name="BoqTextBox" id="BoqTextBox" />

然后将 onclick 烤箱更改为如下所示：

<input type="AddValueButton" value="+" onclick="Add(document.getElementById('BoqTextBox').value)" />
<input type="MinusValueButton" value="-" onclick="Minus(document.getElementById('BoqTextBox').value)"/>

我希望这行得通。