Question

我创建了一个标识为pass的密码字段，以及一个标识为check的复选框：

<input type="password" id="pass"> 
<input type="checkbox" id="check" />Show Password

这个jQuery代码用于在选中复选框时将密码字段更改为文本字段，但这不能正常运行。即使选中了复选框，密码仍然是密码字段。

$(document).ready(function () {
    $('#check').change(function () {
        $('#pass').attr('type','text');
    });
});

Answer 1

在html文件的开头添加此jQuery库。

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

所以这应该是你的html文件中的代码 -

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

<input type="password" id="pass"> 
<input type="checkbox" id="check" />Show Password
<script>
  $(document).ready(function () {
    $('#check').change(function () {
      if($('#pass').attr("type")=="text") {
        $('#pass').attr('type','password');
      } else {
        $('#pass').attr('type','text');
      }
    });
  });
</script>

我已经测试了这段代码并且它完全正常工作。

使用jQuery更改属性的值

1 个答案: