javascript - 我怎样才能切换带有复选框的文本和密码字段选中取消选中

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";
  }
}