gpt4 book ai didi

javascript - 从javascript中单击的多个按钮获取值

转载 作者:行者123 更新时间:2023-12-01 01:48:59 26 4
gpt4 key购买 nike

我试图根据点击事件获取按钮的值,但它返回空值。谁能建议我正确的方法吗?

代码::

<html lang="en">
<head>
<title>elevator</title>
</head>
<body>
<button id="btn0" onclick="inFunction(0)" >0</button>
<button id="btn1" onclick="inFunction(1)" >1</button>
<button id="btn2" onclick="inFunction(2)" >2</button>
<button id="btn3" onclick="inFunction(3)" >3</button>
<button id="btn4" onclick="inFunction(4)" >4</button>
<button id="btn5" onclick="inFunction(5)" >5</button>

<script>
function inFunction(clickedValue) {
var btnValue = document.getElementById(clickedValue.id).value;
console.log(btnValue);
}
</script>

</body>

最佳答案

您的方法中的

clickedValue 是一个数字,而不是一个对象。发送“this”或 id。如果您已经拥有该元素,则无需 getElementById 。

还可以获取 innerText,或者如果您希望它与显示的内容不同,则设置 input='...' 属性。

<html lang="en">
<head>
<title>elevator</title>
</head>
<body>
<button id="btn0" onclick="inFunction(this)" >0</button>
<button id="btn1" onclick="inFunction(this)" >1</button>
<button id="btn2" onclick="inFunction(this)" >2</button>
<button id="btn3" onclick="inFunction(this)" >3</button>
<button id="btn4" onclick="inFunction(this)" >4</button>
<button id="btn5" onclick="inFunction(this)" >5</button>

<script>
function inFunction(ele) {
var btnValue = ele.innerText;
console.log(btnValue);
}
</script>

</body>

关于javascript - 从javascript中单击的多个按钮获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51736274/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com