checkbox html绑定事件,求助! input checkbox 绑定事件无效要如何解决？

无法绑定checkbox事件要如何修改？

链接里是目前的全部代码链接描述

下面是相关代码，求大佬相助

//定义监听checkbox_complete事件

function listen_checkbox_complete(){

$('.task-list.complete').on('click',function(){

console.log('1',1);

})

}

//调用监听checkbox_complete

function render_task_list(){

var $task_list= $('.task-list');

$task_list.html('');

for( var i = 0 ; i < task_list.length ; i++)

{

var $task = render_task_item(task_list[i],i);

$task_list.prepend($task);

}

listen_task_delete();

listen_task_detail();

listen_checkbox_complete();

}

//checkbox_complete的html

function render_task_item(data,index){

if(!data||!index) return;

var list_item_item =

'

'+

''+

''+data.content+''+

''+

' 删除'+

' 详细'+

''+

'

';

return $(list_item_item);

}