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

345 阅读 0 评论 228 点赞

我是靠谱客的博主害怕戒指，最近开发中收集的这篇文章主要介绍Radio 单选JS动态添加的选项onchange事件无效的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

//记一个问题（已经解决2016.5.5）

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

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

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

delegate():

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

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

语法

$(selector).delegate(childSelector,event,data,function)

参数描述

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

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

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

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

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

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

以上所述是小编给大家介绍的Radio 单选JS动态添加的选项onchange事件无效的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。