jQueryでhiddenやdisableなどの値のない属性を制御するメソッド

一部のフォーム送信ページを実装する場合、いくつかの隠し属性が配置されます。jQuery での hidden や disable などの値のない属性を制御する方法を紹介します。興味のある方は必見です。

通常、フォーム送信ページを実装する場合、いくつかの非表示属性を配置します。たとえば、レコードを変更すると、レコードの ID が編集ウィンドウに埋め込まれます。

表示インターフェイスでは、ユーザーによる変更を避けるために、入力ボックスまたは選択ボックスを無効に設定する必要がある場合があります。

次のコードの hidden は IE では正しく動作しません

<input name = "role_name" id = "role_name" value="Roy" disabled> 
<input name = "role_id" id = "role_id" hidden value="3312">

標準の記述方法には値が追加されているはずです

<input name = "role_name" id = "role_name" value="Roy" disabled = "disabled"> 
<input name = "role_id" id = "role_id" hidden = "hidden" value="3312">

場合によっては、現在のページは上記と同じです。 2、この時点で何をすべきでしょうか?

次を使用できます:

$("#role_name").removeAttr("disabled"); 
$("#role_id").removeAttr("hidden");

または

$("#role_name").prop("disabled",false); 
$("#role_id").prop("hidden",false);

ここで、$("#role_name").prop() はブール値を返し、それが正しいかどうかを確認します。この属性をオンにする prop() メソッドは、チェックされたオプションで使用して、オプションが選択されるかどうかを制御することもできます。

一般に、prop() は属性名を書き込み、ブール値を使用して属性ステータスを制御することによって有効になります。

上記はこの章の全内容です。その他の関連チュートリアルについては、jQuery ビデオ チュートリアル をご覧ください。