Question

我有两个文本框，即金额1和金额2，如下所示。

<input name="name1" id="id1" value="" type="radio" >&nbsp;&nbsp;Amount 1&nbsp;$ <input name="amtname" size="5" maxlength="7" value="" ><br><br>
<input name="name1" id="id2" value="" type="radio" >&nbsp;&nbsp;Amount 2&nbsp;$ <input name="amtname" size="5" maxlength="7" value="" ><br>

如果我在Amount 1文本框中键入任何值，它应该通过从Amount 1 Text框获取运行时值在Amount 2文本框中显示相同的值。如果我点击金额1复选框，它应该在金额2文本框中显示金额1文本框的值。可以使用javascript吗？

Answer 1

向第一个元素添加 onkeyup 事件侦听器（每当按下某个键时，第一个文本框中的值也会在第二个元素中输入。）。然后调用函数

function enterAmt(ev) {
    document.getElementById('amt2').value = ev.value;
}

JSFiddle

Answer 2

您需要将输入绑定到onKeyPress等类似事件，并将其他输入值更改为更改后的值。

https://stackoverflow.com/a/574971/2110909

Detecting input change in jQuery?

示例：

function updateBoth() {
    document.getElementsByName("amtname")[0].value = this.value;
    document.getElementsByName("amtname")[1].value = this.value
}

document.getElementsByName("amtname")[0].oninput = updateBoth;
document.getElementsByName("amtname")[1].oninput = updateBoth;

http://jsfiddle.net/ZRhLg/1/

注意：oninput可能不完全支持跨浏览器支持

Answer 3

在变量中保存值并将其分配给其他文本框。假设ID分别为id1，id2，则为文本框分配ID。现在在事件发射代码中使用它。

var firstvalue = document.getElementById("id1").value;
document.getElementByID("id2").value = firstvalue;

如何获取一个文本框的运行时值并使用javascript将其显示到其他文本框

3 个答案: