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判断div随滚动条滚动到一定位置后停止
Apr 02 Javascript
7个让JavaScript变得更好的注意事项
Jan 28 Javascript
js实现iPhone界面风格的单选框和复选框按钮实例
Aug 18 Javascript
基于javascript实现全国省市二级联动下拉选择菜单
Jan 28 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
Mar 16 Javascript
简单模拟node.js中require的加载机制
Oct 27 Javascript
js封装tab标签页实例分享
Dec 19 Javascript
Jquery获取radio选中的值
May 05 jQuery
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
浅谈JavaScript 代码整洁之道
Oct 23 Javascript
用vue写一个日历
Nov 02 Javascript
vue特效之翻牌动画
Apr 20 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
组合算法的PHP解答方法
2012/02/04 PHP
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
PHP仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)
2017/05/26 PHP
Laravel多域名下字段验证的方法
2019/04/04 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
详解nodeJS之二进制buffer对象
2017/06/03 NodeJs
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
详解Vue-Router源码分析路由实现原理
2019/05/15 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
[01:29]Ti4循环赛第三日精彩回顾
2014/07/13 DOTA
Python探索之SocketServer详解
2017/10/28 Python
Python 内置函数进制转换的用法(十进制转二进制、八进制、十六进制)
2018/04/30 Python
html5 跨文档消息传输示例探讨
2013/04/01 HTML / CSS
Weblogc domain问题
2014/01/27 面试题
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
C#的几个面试问题
2016/05/22 面试题
系统管理员的职责包括那些?管理的对象是什么?
2016/09/20 面试题
水利学院求职自荐书
2014/02/01 职场文书
学生感冒英文请假条
2014/02/04 职场文书
实习生求职自荐信
2014/02/07 职场文书
楼面经理岗位职责范本
2014/02/18 职场文书
优秀驾驶员先进事迹材料
2014/05/04 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
青岛海底世界导游词
2015/02/11 职场文书
酒店员工辞职信范文
2015/02/28 职场文书
个人工作能力自我评价
2015/03/05 职场文书
小学教育见习总结
2015/06/23 职场文书
Django debug为True时,css加载失败的解决方案
2021/04/24 Python