2016-11-03 17 views
0

私はmaterialize CSSを使用していますが問題があります。ボタンの編集アカウントを押したときに、入力フィールドで無効にしたものを削除したいと思います。以下。私はすでに.prop().removeAttr().removeProp()を試しましたが、フィールドで無効になっているものは削除しません。Materialize CSS remove無効な入力フィールドが機能しない

私はこのコード

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

+0

最後にセミコロン '; 'を追加するのを忘れた以外は、コードは正常に動作します。 [これを確認してください] –

+0

最後にセミコロンを入れようとしましたが、コード内で試してみましたが、問題がmaterializecssであるかどうかわかりません。 – erinr

+1

サー[こちら](https://jsfiddle.net/hqpsqzao/)のリンク –

答えて

1

VS)(.prop詳細については、

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

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

よう.prop使用を持っています.attr()。

関連する問題