jquery 动态添加的元素 绑定事件click失效

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，睁樱弯既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){

    //具体的内容

})

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的颂雹，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效悉闷率，

如果是后期动态添加li的话肯定是不执行的，比如ajax动态append li 的

你可以使用live

例子：p标签绑定点击(click)事件

$("p").live("click", function(){

$(this).after("<p>Another paragraph!</p>")

})

具体介绍：

jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。目前支持 click, dblclick, mousedown, mouseup, mousemove,

mouseover, mouseout, keydown, keypress, keyup。 还不支持肆亏晌 blur, focus, mouseenter, mouseleave, change, submit

与bind()不同的是，live()一次只能绑定一个事件。 这个方法跟传统的bind很像，但还是有一些重要区别： 用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时，对于这个新增加的li，其click事件依然可用。而无需重新给这种新增加的元素绑定事件。live 事空丛件冒泡的行为与传统的方式不同，因此也不能完全支持stopPropagation 或 stopImmediatePropagation

阻止冒泡，但部分支持。如果内外元素都用live事件绑定，则可以通过return

false来阻止冒泡。如果外部父元素是普通事件，而内部子元素是live事件，则无法通过return false来阻止冒泡。详见例二。目前live事件只能支持使用选择器选择的元素。比如说，$("li a").live(...) 可以使用，但$("a",

someElement).live(...) 或者 $("a").parent().live(...) 是无效的。.live()与流行的liveQuery插件很像，但有以下几个主要区别：.live 目前只支持所有事件的子集，支持列表参考上面的说明。.live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。.live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定裂锋在元素上的。要移除用live绑定的事件，请用die方法

function add() {

var newobj = document.createElement("input")

var bodyobj = document.getElementsByTagName("body")[0]

newobj.type = "text"蔽毕

newobj.className = "marsDate"

newobj.readOnly = "readonly"宏铅芹激山

newobj.onclick = function(){

showMarsFnDate(this)

}

bodyobj.appendChild(newobj)

}

---