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);