为动态添加的元素,绑定click事件

时间:2021-09-12 15:00:15

全选和取消全选

$("#quanxuan").click(function(){
$("input[name='picCheck']").prop("checked",this.checked);
});
$("#picList").on('click','input',function(){
console.log($("input[name='picCheck']").length);
$("#quanxuan").prop("checked",$("input[name='picCheck']").length == $("input[name='picCheck']:checked").length ? true : false);
});

此处原来绑定.click()方法,但是.click()方法,当动态添加新元素时并没有绑定。

解决方法:

$( selector ).live( events, data, handler ); // jQuery 1.3+
$( document ).delegate( selector, events, data, handler ); // jQuery 1.4.3+
$( document ).on( events, selector, data, handler ); // jQuery 1.7+