Question

您好我试图创建一个登录，一切都还可以，但在我的密码输入中我想要一个跨度，当用户点击它显示密码时再次点击再次隐藏密码我此刻只有第一步（显示密码）。

Answer 1

你应该试试这个：

$('#xd').on('mouseup', function () {
    $('#Contraseña').attr('type', 'password')
});

$('#xd').on('mousedown', function () {
    $('#Contraseña').attr('type', 'text')
});

Code here

Answer 2

使用此代码

＆＃13;

$("button").click(function(){
    if ($("input").attr("type") == "password"){
        $("input").attr("type", "text");
        $(this).text("Hide password");
    } else {
        $("input").attr("type", "password");
        $(this).text("Show password");
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="password" />
<button>Show password</button>

＆＃13;

Answer 3

你可以创建一个变量＆amp;最初将其分配给false，现在点击将此变量更改为true并切换attr type

var shown=false;
    $('#xd').click(function () {
      shown=!shown;
        $('#Contraseña').attr('type', shown ? 'text' : 'password')
    });

Answer 4

试试这个;）

<label for="pass_field_id">Password:</label>
<input type="password" value="your_passowrd" name="password" id="pass_field_id" />
<a href="#" onclick="show_hide_password('pass_field_id');" id="showhide">Show</a>

<script>
function swapInput(tag, type) {
  var el = document.createElement('input');
  el.id = tag.id;
  el.type = type;
  el.name = tag.name;
  el.value = tag.value;
  tag.parentNode.insertBefore(el, tag);
  tag.parentNode.removeChild(tag);
}

function show_hide_password(target){
    var d = document;
    var tag = d.getElementById(target);
    var tag2 = d.getElementById("showhide");

    if (tag2.innerHTML == 'Show'){

        swapInput(tag, 'text');
        tag2.innerHTML = 'Hide';

    } else {
        swapInput(tag, 'password');
        tag2.innerHTML = 'Show';
    }
}
</script>

如何使用jQuery删除和添加输入类型

4 个答案: