php 中動態創建的按鈕的禁用屬性不會使用 jquery 中的名稱或 ID 更改，但它的 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 ，而它的名稱為 class

您需要將disabled設置為屬性或使用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

嘗試以下操作：

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

編輯：

禁用輸入：

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

啟用輸入：

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