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

时间:2016-11-03 14:39:07

标签: jquery html css materialize

我正在使用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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

使用.prop喜欢

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

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

有关更多信息,请参阅.prop()vs .attr()。