1

これが私のHTMLフォームです:-

<input name="inputPassword" type="password" id="inputPassword" placeholder="Password.."><span class="add-on"><i class="icon-eye-open"></i></span>

そして、これがJqueryでの私の試みです[私はJqueryの学生ではありません:(]

<script type="text/javascript">

$(".icon-eye-open").click(function(){
    $('.icon-eye-open').removeClass('icon-eye-open').addClass('icon-eye-close');
    document.getElementById("inputPassword").setAttribute('type', 'text');
});

$(".icon-eye-close").click(function(){
    $('.icon-eye-close').removeClass('icon-eye-close').addClass('icon-eye-open');
    document.getElementById("inputPassword").setAttribute('type', 'password');
});

</script>

だから、あなたは私がやろうとしていることを推測したかもしれません. 私は実際にクリックされたクラスのクラスを置き換えようとしています[クラス間のトグル]、属性をパスワードからテキストに、またはその逆に変更しようとしています。

そして、これは機能していません。

これがjsfiddleデモです:- http://jsfiddle.net/gR5FH/

私の間違いを見つけるのを手伝ってください。

ありがとう

4

2 に答える 2

4

これを試して

$(".icon-eye-open").on("click", function() {
$(this).toggleClass("icon-eye-close");
var type = $("#inputPassword").attr("type");
if (type == "text")
{ $("#inputPassword").attr("type", "password");}
else
{ $("#inputPassword").attr("type", "text"); }
});
于 2013-06-14T11:38:36.010 に答える