Отключенный атрибут динамически созданной кнопки в php не изменяется, используя ее имя или идентификатор в jquery, но ее свойство css изменяется

Question

Ни одно из прокомментированных операторов не работает, но без комментариев работает отлично

echo "<div class='col-xs-12 col-sm-3 emphasis'>
                    <button class='btn btn-primary btn-block disabled' name = 'proceed' id= 'proceed'><span class='fa fa-user'></span> Proceed </button>
                </div> "  //This is dynamically generated button using php


  $('[name="proceed"').css('background-color','black');
                            // $('[name="proceed"]').removeAttr('disabled');
                            // $('[name="proceed"]').attr('disabled',false);
                            // $('[name="proceed"]').prop("disabled",false);
                            //$('#proceed').prop("disabled",false);
                            //$('#proceed').attr('disabled',false);
                            // $('#proceed').removeAttr('disabled');

Answer 1

Вы пытаетесь установить атрибут disabled, в то время как его имя класса

Вам нужно либо установить disabled в качестве атрибута, либо использовать removeClass функцию

 $('[name="proceed"').css('background-color','black');
                            $('[name="proceed"]').removeClass('disabled');
                            // $('[name="proceed"]').attr('disabled',false);
                            // $('[name="proceed"]').prop("disabled",false);
                            //$('#proceed').prop("disabled",false);
                            //$('#proceed').attr('disabled',false);
                            // $('#proceed').removeAttr('disabled');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='col-xs-12 col-sm-3 emphasis'>
                    <button class='btn btn-primary btn-block disabled' name = 'proceed' id= 'proceed'><span class='fa fa-user'></span> Proceed </button>
                </div>

Answer 2

Попробуйте следующее:

$('button[name="proceed"]').css('background-color','black');

РЕДАКТИРОВАТЬ:

Отключение входа :

$("#proceed").prop('disabled', true);

Включение ввода :

$("#proceed").prop('disabled', false);