Materialise CSS刪除禁用的輸入字段不工作

我正在使用物化css，我有問題我想要刪除輸入字段中的禁用按鈕時，我按下按鈕編輯帳戶，並在我的代碼中，我會顯示在jquery中顯示下面。我已經試過.prop(),.removeAttr(),.removeProp()，但它仍不會刪除字段中的殘疾人。Materialise CSS刪除禁用的輸入字段不工作

我有這樣的代碼

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

來源

2016-11-03 erinr

除了忘記在末尾添加分號';'外，您的代碼正常工作。檢查[這]（https://jsfiddle.net/hqpsqzao/） –

我試圖把分號放在最後，但是當我在我的代碼嘗試它仍然不刪除我不知道如果問題是在materializecss或不 – erinr

先生，請檢查[這]（https://jsfiddle.net/hqpsqzao/）鏈接 –

使用.prop像

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

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

欲瞭解更多信息，請參見.prop（）VS .attr（）。

來源

2016-11-04 11:06:49

Materialise CSS刪除禁用的輸入字段不工作

回答

相關問題