标题有点令人困惑，因为我发现很难解释。基本上，我可以让 1 个输入按钮拥有一个 id 名称，JavaScript 函数会将其存储到变量中，并通过用该变量替换空段落标签来显示它。但是，我无法让它与具有相同功能的多个按钮一起使用，因为我试图让数字键盘与按钮一起使用，并让它显示结果。我想我需要使用 Push() 方法以某种方式添加值，然后单击提交按钮，然后显示结果字符串。我知道如何对已知变量使用推送，但我不知道如何对未知变量实现它:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
无论如何，我的代码在这里，输入按钮只有 1 个带有 i 的按钮，等等。欢迎 jQuery 答案，但我不喜欢 jQuery，因为我在询问 JavaScript。
<!DOCTYPE html>
<html>
<head>
<title>Desperate</title>
<script type="text/javascript">
function othername() {
var inputinput = document.getElementById("userInput").value;
var n = inputinput.length;
document.getElementById("demo").innerHTML = n;
}
</script>
</head>
<body>
<p id="demo"></p>
<input id="text" type="text">
</div>
<div>
<input id="userInput" type="button" value="1" onclick="othername();" />
<input id="btn2" type="button" value="2" onclick="othername();" />
<input id="btn3" type="button" value="3" onclick="othername();" />
</div>
</body>
</html>
非常感谢所有帮助!谢谢!
最佳答案
您应该以不同的方式绑定(bind) onclick 事件处理程序。然后，您可以检查“othername”函数中的传入事件并获取单击的元素的值。
<!DOCTYPE html>
<html>
<head>
<title>Desperate</title>
<script type="text/javascript">
function othername(e) {
var n = e.srcElement.value || '';
document.getElementById("demo").innerHTML = n;
}
</script>
</head>
<body>
<div>
<p id="demo"></p>
<input id="text" type="text">
</div>
<div id="btns">
<input id="userInput" type="button" value="1" />
<input id="btn2" type="button" value="2" />
<input id="btn3" type="button" value="3" />
</div>
<script>
var btnC = document.getElementById("btns");
btnC.onclick = othername;
</script>
</body>
</html>关于JavaScript 如何通过按钮让键盘 Push() 新输入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43414409/