php 中动态创建的按钮的禁用属性不会使用 jquery 中的名称或 ID 更改，但它的 css 属性正在更改

Question

None of the commented statement are working but the uncommented one is working perfectly fine

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

You're trying to set attribute disabled while it's class name

You need either set disabled as attribute or use removeClass function

 $('[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

Try the following:

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

EDIT:

Disabling input :

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

Enabling Input :

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