Question

我有一个包含下拉列表的页面, 当用户从列表中选择一个选项时, 启动 ajax 调用, 并创建了一系列复选框。有些被选中, 有些未被选中。我需要记录是否对复选框( 即检查/ 未检查) 做了任何修改。我尝试了使用以下选项, 但没有发生任何。

我使用jQuery 1.7.1, btw。

$("input:checkbox").change(function(){ 
    //some stuff happens
});

我在那里有一个警告, 但什么都没有发生。所以我试着把它包装成 $( document).ready (... but again, nothing.

所以现在我失落了。我不知道, 没有将 on Change=" someFusFunction ()" 插入

.append("<input type= checkbox  id= " + theData.DATA + "  value= " + theData.DATA + " >" + tempName + "<br />");

这实际上正在创建复选框。

有什么想法吗?

Answer 1

您是对的, 如果您正在使用 jQuery 1. 7. 。请在语法下面使用 < code>. on 。

$(<closest_checkbox_container>).on( change ,  input:checkbox , function(){ 
    //some stuff happens
});

如果您使用旧版本,则使用 .delegate ,

$(<closest_checkbox_container>).delegate( input:checkbox ,  change , function(){ 
    //some stuff happens
});

< 加固 > 注: 是当 DOM 准备就绪时最接近的复选框容器。

或者,在您完成添加这些复选框后,最好写入 $(“input: checkbox”).change(函数(%)/code)。但是,如果假设所有复选框只添加一次,则更好。

Answer 2

您可以根据 ajax 调用的成功响应重新组合, 或者使用“ on” (http://api.jquery.com/on/) 将更改事件与更改事件绑在一起。使用“ on” 将把更改事件绑在任何与选择器相匹配的新元素上, 当它被添加到 DOM 时。 (如果在 v1.7 下使用代表)