Установите флажок, и строка таблицы не синхронизирована

Question

Как включить кнопку, когда пользователь сам проверит флажок? В настоящее время кнопка будет включена, когда пользователь нажимает на строку таблицы (щелчная строка).

var btn = $("#btn");  
btn.attr("disabled","disabled"); 

$("#table tbody").on("click",".clickable-row", function (e) { 
    if (e.target.type !== 'checkbox') { 
     $(':checkbox', this).trigger('click'); 

     if($(':checkbox', this).is(":checked") == true){ 
      btn.removeAttr('disabled'); 
      $('form').append('<input type="hidden" name="chk" value="'+$(':checkbox', this).val()+'" />');    

     } else { 
      btn.attr("disabled", !$(':checkbox', this).is(":checked")); 
     } 
    } 
}); 

Answer 1

Попробуйте это:

var btn = $("#btn");  
btn.attr("disabled","disabled"); 

$("#table tbody").on("click", function (e) { 
    var thisCheckbox = $(this).find('input:checkbox'); 
    var thisTd = $(this).find('td'); 

    if(thisCheckbox.is(":checked") || thisTd.is(e.target)){ 
     if($(this).find('td').is(e.target)) 
     { 
      thisCheckbox.prop('checked', true); 
     } 
     btn.removeAttr('disabled'); 
     $('form').append('<input type="hidden" name="chk" value="'+$(':checkbox', this).val()+'" />'); 
    }else{ 
     if(thisTd.is(e.target)) 
     { 
      thisCheckbox.prop('checked', false); 
     } 
     btn.attr("disabled", !$(':checkbox', this).is(":checked")); 
    } 

});