gpt4 book ai didi

Javascript:如何通过外部函数触发单选按钮的 "onchange"事件?

转载 作者:行者123 更新时间:2023-11-28 17:58:56 25 4
gpt4 key购买 nike

当通过外部函数而不是单击单选按钮本身检查单选按钮时,是否可以触发单选按钮的“onchange”事件?

我在下面创建了我的问题的演示,请随意将以下内容放入文本文件中并将其另存为 .HTML:

<!DOCTYPE html>
<html>
<body>

<p>
This example demonstrates how the "onchange" event on radio buttons does not fire if the button is selected externally, i.e. by setting its "checked" value to "true".
<br />
You can test this by clicking one of the radio buttons invididually, then by clicking the "Select 1" or "Select 2" buttons.
<br />
The radio buttons have an "onchange" event registered such that an alert box should pop up when one of them is selected.
</p>

1: <input type="radio" value="1" id="1" name="myradio" onchange="myFunction()" /> <input type="button" value="Select 1" onclick="document.getElementById('1').checked=true;" /><br />
2: <input type="radio" value="2" id="2" name="myradio" onchange="myFunction()" /> <input type="button" value="Select 2" onclick="document.getElementById('2').checked=true;" />

<script>
function myFunction() {
alert("A radio button was selected.");
}
</script>

</body>
</html>

这不是 How to trigger event in JavaScript? 的重复项,方法如下:

如果我要手动触发该事件,则需要我查看单选按钮并与上次查看它时进行比较,并相应地触发“onchange”事件。问题是单选按钮可以通过多种方式选择(单击、按下键盘、触摸/点击、外部功能等),而不是监视每个选择途径,我宁愿让输入元素为我做这件事。如果我能实现我在问题中提出的要求,这将会简化。

最佳答案

使用.click()

<input type="button" value="Select 2" onclick="document.getElementById('2').click();" />

你应该避免使用内联js。

关于Javascript:如何通过外部函数触发单选按钮的 "onchange"事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43943050/

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