欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-01-28 10:27:18|栏目:JavaScript代码|点击:

//记一个问题(已经解决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() {}

上一篇:JS实现可视化文件上传

栏    目:JavaScript代码

下一篇:1秒50万字!js实现关键词匹配

本文标题:Radio 单选JS动态添加的选项onchange事件无效的解决方法

本文地址:http://www.codeinn.net/misctech/52971.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有