如何使用复选框将 <p:password> 字段切换为文本和密码答案

【问题标题】：how can i toggle a <p:password> field to text and password with a checkbox check uncheck如何使用复选框将 <p:password> 字段切换为文本和密码
【发布时间】：2012-06-28 12:31:39
【问题描述】：

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

【问题讨论】：

标签： javascript html jsf jsf-2 primefaces

【解决方案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";
  }
}

【讨论】：

它以这种格式工作。但我正在使用如何在此模式下使用此脚本
它将 HTML 发送到浏览器尝试检查页面的来源
非常感谢..我得到了解决方案
我在我的应用程序中使用 Primefaces Lightbox 弹出窗口。我面临的问题是当我单击链接打开相应页面时，通过灯箱显示页面速度太慢。加载需要更多时间。我该如何解决。
你应该在 stackoverflow 上创建一个新问题