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


Posted in Javascript onDecember 12, 2016

//记一个问题(已经解决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 相关文章推荐
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
javascript列表框操作函数集合汇总
Nov 28 Javascript
jquery实现的导航固定效果
Apr 28 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
javascript实现控制浏览器全屏
Mar 30 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
Vue 实现分页与输入框关键字筛选功能
Jan 02 Javascript
用VsCode编辑TypeScript的实现方法
May 07 Javascript
JS异步宏队列与微队列原理区别详解
Jul 02 Javascript
vue+element ui实现锚点定位
Jun 29 Vue.js
简单实现jquery焦点图
Dec 12 #Javascript
javascript中setAttribute兼容性用法分析
Dec 12 #Javascript
jQuery焦点图左右转换效果
Dec 12 #Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
Dec 12 #Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 #Javascript
多种方式实现js图片预览
Dec 12 #Javascript
JavaScript实现多栏目切换效果
Dec 12 #Javascript
You might like
sony ICF-2010 拆解与改装
2021/03/02 无线电
php数组去重的函数代码
2013/02/03 PHP
php使用百度ping服务代码实例
2014/06/19 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
php处理静态页面:页面设置缓存时间实例
2017/06/22 PHP
php两点地理坐标距离的计算方法
2018/12/29 PHP
在Laravel中使用MongoDB的方法示例
2019/11/11 PHP
提高 DHTML 页面性能
2006/12/25 Javascript
JavaScript Array扩展实现代码
2009/10/14 Javascript
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
createElement与createDocumentFragment的点点区别小结
2011/12/19 Javascript
30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
2012/03/04 Javascript
Javascript中Event属性搜集整理
2013/09/17 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
Vue2 模板template的四种写法总结
2018/02/23 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
Python 性能优化技巧总结
2016/11/01 Python
python训练数据时打乱训练数据与标签的两种方法小结
2018/11/08 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Django REST Framework序列化外键获取外键的值方法
2019/07/26 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
python快速安装OpenCV的步骤记录
2021/02/22 Python
Java工程师面试集锦之Spring框架
2013/06/16 面试题
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
中专生自荐信
2014/06/25 职场文书
联谊活动总结
2014/08/28 职场文书
2014年计划生育工作总结
2014/11/14 职场文书
读书笔记怎么写
2015/07/01 职场文书
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android