Radio 单选JS动态添加的选项onchange事件无效的解决方法
更新时间：2016年12月12日 11:19:58 作者：page0906
radio 单选JS动态添加的选项,onchange事件无效。使用delegate（）函数可以解决该问题，具体解决方案大家通过本文详细了解下
//记一个问题（已经解决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事件无效的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章:
- javascript checkbox/radio onchange不能兼容ie8处理办法
- jsp中select的onchange事件用法实例
- 纯JavaScript实现获取onclick、onchange等事件的值
- js 触发select onchange事件代码
- js中的onchange和onpropertychange (onchange无效的解决方法)
- js触发onchange事件的方法说明
- JavaScript获取onclick、onchange等事件值的代码
- javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足
- javascript中的 onchange事件详解
相关文章
下面小编就为大家带来一篇js 自带的 map() 方法全面了解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
JavaScript实现为指定对象添加多个事件处理程序的方法
这篇文章主要介绍了JavaScript实现为指定对象添加多个事件处理程序的方法,可实现让指定对象处理多个事件的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了javascript编程异常处理的方法,结合实例形式分析总结了JavaScript编程中异常处理的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
这篇文章主要介绍了JavaScript保留两位小数的2个自定义函数,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了JavaScript实现时钟特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
这篇文章主要为大家详细介绍了JavaScript数组的5种迭代方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
这篇文章主要介绍了微信小程序 MinUI组件库系列之badge徽章组件示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
很多列表页总数量很大,一次性查询加载会导致页面有很长时间的空白期,自然体验感极差,就会使用分页加载数据,这篇文章主要给大家介绍了关于uni-app实现数据下拉刷新功能实例的相关资料,需要的朋友可以参考下2022-08-08
解析dom中的children对象数组元素firstChild,lastChild的使用
以下是对dom中的children对象数组元素firstChild,lastChild的使用进行了详细的分析介绍，需要的朋友可以参考下2013-07-07
在一些电商网站上，经常看到有商品图片被放大查看的功能，所以本文将使用前端技术实现一个简单的图片放大镜功能，希望能给大家带来一定的帮助2023-06-06
最新评论