如何通过复选框选中取消选中<p:密码>字段到文本和密码

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