jQuery动态添加的表格操作页面没有更新

jQuery动态添加的表格操作页面没有更新

问题描述：在操作表格的时候，动态添加新的一行，新添加的行与原来的行之间没有建立连接，如图：最后一行是通过添加新增的一行，当最后一行的“选择”键没点时，第一行“全选”框的状态没有更新。这是由于界面没有更新的缘故造成的。

原代码：

//对象：input[name='one' ]（选择框）  事务：click  
// 函数：function...
$("input[name='one']").click(function(){
	var all = $("#all"); 
	var oneList = $("input[name='one']");
		for(var i=0;i<oneList.length;i++){
			if($(oneList[i]).prop("checked")==false){
				$("#all").prop("checked",false);
				return;
			}
		}
		$("#all").prop("checked",true);
});

解决方法，采用$(document).on()方法，将代码改为：

$(document).on("click","input[name='one']",function(){
					var all = $("#all");
					var oneList = $("input[name='one']");
					for(var i=0;i<oneList.length;i++){
						if($(oneList[i]).prop("checked")==false){
							$("#all").prop("checked",false);
							return;
						}
					}
					$("#all").prop("checked",true);
				});