Radio 单选JS动态添加的选项onchange事件无效的解决方法

前端之家收集整理的这篇文章主要介绍了Radio 单选JS动态添加的选项onchange事件无效的解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

//记一个问题(已经解决2016.5.5)

//在公司项目中遇见一个添加单选项的需求,采用ajax一步请求。为节约资源添加后不刷新网页,js动态改变页面

//当选择到动态添加的单选项,执行绑定事件

radio 单选JS动态添加的选项,onchange事件无效。使用delegate()函数可以解决该问题!!!

delegate():

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

语法

参数描述

childSelector必需。规定要附加事件处理程序的一个或多个子元素。

event必需。规定附加到元素的一个或多个事件。

由空格分隔多个事件值。必须是有效的事件。

data可选。规定传递到函数的额外数据。

function必需。规定当事件发生时运行的函数

dio-content').delegate($('input:radio[name="optionsRadios"]'),'change',function() {}

以上所述是小编给大家介绍的Radio 单选JS动态添加的选项onchange事件无效的解决方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/43650.html

猜你在找的JavaScript相关文章