单击html，css制作的网站上的单选按钮后如何进行操作

Question

我使用 html 和 css 创建了一个网站，用户使用单选按钮进行选择，现在我期待对所做的选择采取行动。如果用户选择了一个选项并且应该采取行动，但是我不知道如何对单选按钮操作进行操作。我需要帮助！

Answer 1

您可以使用addEventListener 方法。因此，假设您有以下 HTML：

<input type="radio" name="myRadio" value="1">

那么你就可以使用这个代码了：

var radio = document.getElementsByName("myRadio")
radio.forEach(r => r.addEventListener('change', myFunc))

您还可以在 HTML 中绑定函数，使用 onchange 属性：

<input type="radio" name="myRadio" value="1" onchange="myFunc()">

您可以在与您的问题非常相似的先前问题中看到更多详细信息：

• onchange not working with radio button
• OnChange event handler for radio button (INPUT type="radio") doesn't work as one value
• Radio Input onChange only fires once?

此外，正如@devdgehog 所建议的，您可以查看以下文档：

• 添加事件监听器：https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
• 输入的 onchange：https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event