如何使用复选框选中</p：password>将<p：password>字段切换为文本和密码

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