javascript - 如何使用复选框将<p:password>字段切换为文本和密码，请取消选中

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

最佳答案

封面下会生成<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";
  }
}