Не получать флажок после щелчка на флажке

Question

Я не получаю проверяемый статус флажка. Проверки динамически создаются. Ниже приведен код:

'[id^=taskcheckbox_] click' : function(el){ 
    var taskObj={}; 
    var taskCheckBoxId = el.attr("id"); 
    var indexOfTask = taskCheckBoxId.split("_")[2]; 
    var checkedValue = this.element.find("#"+taskCheckBoxId).attr("checked"); 
    var task_id = taskCheckBoxId.split("_")[1]; 
    if(checkedValue == "checked" && checkedValue != undefined){ 
     this.count++; 
}} 

управления не собирается в if состоянии после того, как флажок. Значение checkedValue всегда прибывает как undefined.

Answer 1

Используйте опору() вместо ATTR()

► Если вы используете JQuery 1.6 или более поздней версии, используйте опору() вместо ATTR()

var checkedValue = this.element.find("#"+taskCheckBoxId).prop("checked"); 

Когда ты использует prop(), возвращаемое значение будет Логическим

$(document).delegate("[id^=taskcheckbox_]", "click", function(el) { 
    //[id^=taskcheckbox_] click' : function(el){ 
    var taskObj = {}; 
    var taskCheckBoxId = el.currentTarget.id; 
    var indexOfTask = taskCheckBoxId.split("_")[2]; 
    var checkedValue = $(el.currentTarget).is(":checked"); 
    var task_id = taskCheckBoxId.split("_")[1]; 
    if (checkedValue) { 
    console.log('checked') 
     //this.count++; 
    } 
}) 

DEMO FIDDLE