gpt4 book ai didi

javascript - 如何让这些按钮正常工作

转载 作者:行者123 更新时间:2023-12-01 02:05:16 25 4
gpt4 key购买 nike

我希望我的 HTML 按钮每次被点击时都会添加一个,但由于某种我找不到的原因,按钮都会添加到框......为什么?

<h3>Did this Help?</h3>
<br>
<form>
<input type="text" id="Yes" value="0"/>
<input type="button" onclick="incrementValue()" value="Yes" />
</form>

<br>
<br>

<form>
<input type="text" id="No" value="0"/>
<input type="button" onclick="incrementValue()" value="No" />
</form>

<script>


function incrementValue(yes)
{
var value = parseInt(document.getElementById('Yes').value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('Yes').value = value;
}

function incrementValue(No)
{
var value = parseInt(document.getElementById('No').value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('No').value = value;
}

最佳答案

事实上,您使用了两次相同的函数 incrementValue,因此它将使用最后一个定义的函数:更新“否”字段的函数。

我更新了您的函数,以便它接收一个参数:按钮的 ID。所以你可以用它来增加正确的值。

function incrementValue(buttonId)
{
var value = parseInt(document.getElementById(buttonId).value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById(buttonId).value = value;
}
<h3>Did this Help?</h3>
<br>
<form>
<input type="text" id="Yes" value="0"/>
<input type="button" onclick="incrementValue('Yes')" value="Yes" />
</form>

<br>
<br>

<form>
<input type="text" id="No" value="0"/>
<input type="button" onclick="incrementValue('No')" value="No" />
</form>

关于javascript - 如何让这些按钮正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50157620/

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