2017-03-27 19 views
0

私のプログラムでは、ユーザは "編集"ボタンをクリックして各自の名前、電子メール、およびユーザ名を変更することができます。ボタンに関数を置くと状態は変わりません。ここで入力テキストが無効または有効になっている場合に変更

は、入力されたテキストのコードです:助けを

$('.editSubmit').click(function() { 
    $('.nameClient').removeAttr(disabled); 
    $('.emailClient').removeAttr(disabled); 
    $('.usernameClient').removeAttr(disabled); 
}); 

ありがとう:

<input type="text" class="nameClient" disabled="true"/> 
<input type="text" class="usernameClient" disabled="true"/> 
<input type="text" class="emailClient" disabled="true"/> 
<input type="button" class="editSubmit" value="Edit" /> 

そして、ここでは、関数のコードです。

+2

使用'.prop(" disabled "、false)' – guradio

+0

うれしいです:) – guradio

答えて

0

removeAttrは、文字列値:removeAttr('disabled')をとります。

0

あなたはremoveAttrを(使用することにより

$('.editSubmit').click(function() { 
 
    $('.nameClient').attr('disabled', 'disabled'); 
 
    $('.emailClient').attr('disabled', 'disabled'); 
 
    $('.usernameClient').attr('disabled', 'disabled'); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<h:inputText class="nameClient" value="#{client.name}" disabled="true"/><br /> 
 
<h:inputText class="usernameClient" value="#{client.username}" disabled="true"/><br /> 
 
<h:inputText class="emailClient" value="#{client.email}" disabled="true"/><br />        
 
<input type="button" class="editSubmit" value="Edit" />

0

使用小道具()

.attr()機能を使用することができます)、あなたは完全に無効属性自体を削除する - 小道具ながら()されますプロパティの基になるブール値をfalseに設定するだけです。

`$('.nameClient').prop("disabled",false);` 

removeAttrメソッドページに記載されている警告。

注.removeAttrを使用して、インラインonclickeventハンドラを削除する()(.prop使用し、潜在的な問題を回避するためのInternet Explorer 8、9および11に所望の効果を達成しない)代わりに:

関連する問題