栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

绑定由AJAX插入的动态创建的元素上的事件(复选框)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

绑定由AJAX插入的动态创建的元素上的事件(复选框)

如我所知,AJAX结果

data
是一个表行元素,
<tr>
其中包含数据单元格
<td>
,输入
<input>
等。

第一个解决方案:

如果您想访问里面的元素

data
,这应该可以解决问题:

$(':checkbox', $(data));

因此,您可以在

data
准备好之后在内部元素上设置事件。

// Since jQuery 1.7$(':checkbox', $(data)).on('click', function() {});// Or$(':checkbox', $(data)).click(function() {});

您也可以声明全局函数,只需将其名称插入

.click()
.on()
方法作为处理程序即可。

因此,只需编辑

$.ajax
类似于以下内容的部分:

$.ajax({    type    : "post",    url     : "show_additional_fee_chkbox_select",    data: "send_data_post_for_chkbox="+send_data,    success : function(data) {        var html = $(data);        $('input[type="checkbox"]', html).click(onClickFunction);        $("#name_sec").html(html);    }});

这是一个 JSBin演示


第二解决方案

还有另一种在插入的元素上绑定事件的方法。

使用jQuery

.find()
方法可能是一个选择:

// Since jQuery 1.6$('#name_sec').find(':checkbox').click(function() {    // Do whatever you want});

这应该后右侧放置

$("#name_sec").html(data);
$.ajax
部分。


第三种解决方案:

通过使用jQuery

.on()
方法非常简单:

// Since jQuery 1.7$('#name_sec').on('click', ':checkbox', function() {    // Do whatever you want});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/418121.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号