10

重複の可能性:
入力フィールドの JQuery 変更タイプ

デモはこちら:

http://jsbin.com/welcome/73795/edit


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


<input type="password" name="password" />
<button>Show Password</button>

$(document).ready(function() {
  $('button').click(function() {
    $('input').attr('type', 'text');
  });
});

ユーザーが切り替えてプレーンテキストで書かれたパスワードを表示できるボタン(またはチェックボックス)を作成しようとしています。

これは基本的に、パスワードを入力するのが面倒なポータブル デバイス向けであり、書き込み中にプレーン テキストで表示されることで UX が向上します。

上記の例では、入力の型を変更しても機能しません。

この問題に取り組む方法について何か提案はありますか?

4

1 に答える 1

16

属性を変更することはできませんtype。回避策はこちらをご覧ください:http://jsfiddle.net/Ngtp7/2/

とここのバリエーション:http://jsfiddle.net/Ngtp7/

于 2013-01-13T17:16:47.883 に答える