视图中所有字段的密码视图

Question

我有一个包含三个字段的表单，其中 PasswordFor razor 语法。

这是example的链接 当我专注于字段时，当我单击并注视该字段时，我可以看到密码。

当我在每个字段中单击一只眼睛时，我希望能够在没有星号的情况下看到所有三个字段。 我怎样才能做到这一点？

Answer 1

你是不是这样除外

$(".reveal").on('click',function() {
    var $pwd = $(".pwd");
    if ($pwd.attr('type') === 'password') {
        $pwd.attr('type', 'text');
    } else {
        $pwd.attr('type', 'password');
    }
});

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<div class="container">    
  <div class="text-center">           
      <div class="col-md-8">
        <h2>Password show / hide click</h2> 
        <div class="input-group">
          <input type="password" class="form-control pwd" value="password">
          <input type="password" class="form-control pwd" value="password1">
          <input type="password" class="form-control pwd" value="password2" >     
       
      </div>     
        
               <button style="float:right;" class="btn btn-default reveal" type="button"><i class="glyphicon glyphicon-eye-open"></i></button>
        </div>
  </div>  
</div>