Materialise CSS 删除禁用的输入字段不起作用

Question

我正在使用 materialize css 但我有问题我想在按下按钮编辑帐户时删除输入字段中的禁用，顺便说一句，我在 jquery 中的代码中将在下面显示。我已经尝试了 .prop()、.removeAttr()、.removeProp()，但它仍然没有移除现场的残疾人。

我有这个代码

$(document).ready(function(){
  $("#submithidden").hide();

  $("#editbutton").on('click',function(event){
    event.preventDefault();
    $("#fname").prop('disabled', false);
    $("#submithidden").show();
    $("#editbutton").hide();
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<form method="post"  id="editaccount">
    <div class="row">
        <div class="input-field col s4">
           <input id="fname" name="firstname" value="Sample Name" disabled type="text" class="center validate">
           <label>First Name</label>
        </div>
    </div><!-- row -->
    <div id="submithidden">
       <button type="submit" class="btn btn-large grey" id="editaccount">Submit</button>
    </div>

    <button type="button" id="editbutton" class="btn grey darken-1">Edit Account</button>
                        
    </form>

Answer 1

像这样使用 .prop

var disableSelection = function(){
    $("#elementId").prop("disabled", true);    
};

var enableSelection = function(){
    $("#elementId").prop("disabled", false);
};

有关详细信息，请参阅 .prop() 与 .attr()。

Materialise CSS 删除禁用的输入字段不起作用

Materialize CSS remove disabled input field not working

html

css

jquery

materialize