放置一个密码输入框。能让密码显示/隐藏，还能清空

Bex5wenti

放置一个密码输入框。能让密码显示/隐藏，还能清空，如下图：

Bex5wenti

清空的解决了，但是怎么让密码显示/隐藏还是没有头绪

jishuang

自己在input后面发一个按钮，点击按钮自己控制修改icon图标和input的type
type为text是显示文本，为password是显示...
如下：

1.         Model.prototype.i10Click = function(event){
   
2.                 var icon = $(event.currentTarget);
   
3.                 var input = $(this.getElementByXid("input3"));
   
4.                 if(icon.hasClass("dataControl-visiblel")){
   
5.                         icon.removeClass("dataControl-visiblel");
   
6.                         icon.addClass("dataControl-visible");
   
7.                         input.attr("type","password");
   
8.                 }
   
9.                 else{
   
10.                         icon.removeClass("dataControl-visible");
    
11.                         icon.addClass("dataControl-visiblel");
    
12.                         input.attr("type","text");
    
13.                 }
    
14.         };

复制代码

Bex5wenti

jishuang 发表于 2018-10-30 13:26
自己在input后面发一个按钮，点击按钮自己控制修改icon图标和input的type
type为text是显示文本，为passwor ...

学会了，谢谢