单选按钮更改事件在 chrome 或 safari 中不起作用

Posted

技术标签:

【中文标题】单选按钮更改事件在 chrome 或 safari 中不起作用【英文标题】:Radio Button change event not working in chrome or safari 【发布时间】:2011-07-02 17:04:24 【问题描述】:

我在页面上有一些单选按钮,选择是,其他一个其他控件(下拉目和文本框)变得可见。如果选择否,它们将再次变为不可见。这在 FF 和 IE 中运行良好。当我将鼠标与 chrome 一起使用时,它确实有效,但是当我在页面中切换时,控件永远不会变得可见。就好像更改事件没有触发,因为我正在切换。关于可能导致此问题的任何想法,或者我将如何解决它?

显示/隐藏功能正在使用 JQuery 完成。

编辑:显示出现问题的代码。

$("#rbtnControlYes").change(function ()  $("#otherControls").show(); );

【问题讨论】:

你能把你现在拥有的东西贴出来让我们看看吗? $("#rbtnControlYes").change(function () $("#otherControls").show(); ); 【参考方案1】:

找到了答案。

我没有使用 .change 事件,而是将其切换为 .click,一切正常。

希望这对某人有所帮助。

拍打

【讨论】:

【参考方案2】:

对于那些不使用 JQuery 的人,onClick 事件就是你想要的。

看来 onClick 具有我们直观称为“选择”的行为。也就是说,onClick 将捕获选择单选按钮的单击事件和选项卡事件。 onClick on Chrome

onClick 在所有浏览器中都有这种行为(我已经用 IE 7-9、FF 3.6、Chrome 10 和 Safari 5 进行了测试)。

【讨论】:

以上是关于单选按钮更改事件在 chrome 或 safari 中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

onClick和onChange不会在reactjs中的safari单选按钮上触发

Google Chrome 中的单选按钮和复选框异常行为

Google Chrome 中的引导复选框和单选按钮标签问题

选中的单选按钮已更改事件触发两次

如何在 react-testing-library 中的单选按钮上触发更改事件?

为啥单选按钮在移动设备上不起作用?