checkbox проверял атрибут, но не отображается.

Question

Что-то странное происходит с моим кодом. У меня есть две кнопки, одна с классом .add и .remove есть флажок, который включает и выключает, из-за которой нажата кнопка, поэтому, если вы удаляете с помощью кнопки удаления, флажок проверяется, иначе флажок get не установлен, проблема I У меня есть, когда вы повторно используете кнопку .remove, он добавляет проверенный атрибут, но флажок doens't показывает, что он проверен, но в атрибуте html есть. Кто-нибудь знает, как исправить эту

$('.variations_grid').on('click','.add', function(e) { 
    var elements = $(this).closest('tr').find('td'); 
    var isDisabled = $(this).closest('tr').find('button.remove').is(':disabled') 

    if(isDisabled) { 
     $(this).closest('tr').removeClass('remove') 
     $(this).closest('tr').find('.add').attr('disabled', 'disabled'); 
     $(this).closest('tr').find('button.remove').removeAttr('disabled'); 
     $(this).closest('tr').find('.delete:checkbox').attr('checked', false); 
    } else { 
     $(this).closest('tr').before(template);  
    } 
    $.each(elements, function(index, element) { 
     if(index > 1) { 
      //$(this).find('select').removeAttr('disabled'); 
      //$(this).find('input').removeAttr('disabled') 
     } 
    }); 
}); 

$('.variations_grid').on('click','button.remove', function(e) { 
    var elements = $(this).closest('tr').find('td'); 

    $(this).closest('tr').addClass('remove') 
     $(this).closest('tr').find('.add').removeAttr('disabled'); 
     $(this).closest('tr').find('.remove').attr('disabled', 'disabled'); 
     $(this).closest('tr').find('.delete:checkbox').attr('checked', 'checked'); 

    $.each(elements, function(index, element) { 
     if(index > 1) { 
      //$(this).find('select').attr('disabled', 'disabled'); 
      //$(this).find('input').attr('disabled', 'disabled') 
     } 
    }); 
}); 

HTML

<button class="btn btn-default btn-block add" type="button" disabled="disabled">&nbsp;<span class="glyphicon glyphicon-plus-sign"></span>&nbsp;</button> 
<button class="btn btn-default btn-block remove" type="button">&nbsp;<span class="glyphicon glyphicon-minus-sign"></span>&nbsp;</button> 
<input name="delete" type="checkbox" class="delete" /> 

Answer 1

Вы должны использовать prop изменить проверенное свойство.

.prop('checked' , true); // or false