javascript - 我怎样才能切换 <p :password> field to text and password with a checkbox check uncheck

Question

我正在使用 p:password 标签进行注册。我想在选中复选框时将字段切换为文本，取消选中时更改为密码类型模式。如何解决 primefaces 组件的问题。我正在使用 primefaces 3.0 和 jsf 2.0。

Answer 1

在封面下生成 <input type="PASSWORD"/>字段(与其他属性名称等..)

所以现在如果你需要显示密码有一个复选框，比如

<input type="checkbox" id="showPassword" onclick="showPassword()"/> Show password

在 JavaScript 中

function showPassword(){
  var showPasswordCheckBox = document.getElementById("showPassword");
  if(showPasswordCheckBox.checked){
        document.getElementById("ID_FOR_YOUR_PASSWORD_FIELD").type="TEXT";
  }else{
      document.getElementById("ID_FOR_YOUR_PASSWORD_FIELD").type="PASSWORD";
  }
}