Radio 单选JS动态添加的选项onchange事件无效的解决方法
2016-12-12 00:00
811 查看
//记一个问题(已经解决2016.5.5)
//在公司项目中遇见一个添加单选项的需求,采用ajax一步请求。为节约资源添加后不刷新网页,js动态改变页面
//当选择到动态添加的单选项,执行绑定事件
radio 单选JS动态添加的选项,onchange事件无效。使用delegate()函数可以解决该问题!!!
delegate():
delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。
语法
参数描述
childSelector必需。规定要附加事件处理程序的一个或多个子元素。
event必需。规定附加到元素的一个或多个事件。
由空格分隔多个事件值。必须是有效的事件。
data可选。规定传递到函数的额外数据。
function必需。规定当事件发生时运行的函数。
以上所述是小编给大家介绍的Radio 单选JS动态添加的选项onchange事件无效的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
JQuery radio(单选按钮)操作方法汇总
JQuery判断radio(单选框)是否选中和获取选中值方法总结
jquery单选框radio绑定click事件实现方法
jquery获取radio值(单选组radio)
基于jquery自定义的漂亮单选按钮RadioButton
JQUERY对单选框(radio)操作的小例子
//在公司项目中遇见一个添加单选项的需求,采用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事件无效的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
jquery判断单选按钮radio是否选中的方法JQuery radio(单选按钮)操作方法汇总
JQuery判断radio(单选框)是否选中和获取选中值方法总结
jquery单选框radio绑定click事件实现方法
jquery获取radio值(单选组radio)
基于jquery自定义的漂亮单选按钮RadioButton
JQUERY对单选框(radio)操作的小例子
相关文章推荐
- Radio 单选JS动态添加的选项onchange事件无效的解决方法
- js中的onchange和onpropertychange (onchange无效的解决方法)
- easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 利用js给datalist或select动态添加option选项的方法
- VC6.0“打开”选项,“添加文件到目录”无效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 可以动态选取多个或者一个项的js方法。(可以动态添加 删除选项 js)
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- jQuery移除tr无效的解决方法(tr是动态添加)
- js获取不到动态添加的标签的值的解决方法
- js动态添加元素之后jquery mobile不能正确渲染解决方法 和 JM checked全选反选
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- js中的onchange和onpropertychange (onchange无效的解决方法)
- JQuery------动态添加的元素on方法不起作用解决方法
- jQuery移除tr无效的解决方法(tr是动态添加)
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- XP添加权限时提示:无法显示用户选项对话框的解决方法!
- js原生态函数中使用jQuery中的 $(this)无效的解决方法