支付宝赞助帐号:service@kuitao8.com 

jquery显示隐藏密码文本框

Created2016-01-26   Views 2020    Author 懒人程序
  1. //Place this plugin snippet into another file in your applicationb 
  2. (function ($) { 
  3.     $.toggleShowPassword = function (options) { 
  4.         var settings = $.extend({ 
  5.             field: "#password"
  6.             control: "#toggle_show_password"
  7.         }, options); 
  8.  
  9.         var control = $(settings.control); 
  10.         var field = $(settings.field) 
  11.  
  12.         control.bind('click'function () { 
  13.             if (control.is(':checked')) { 
  14.                 field.attr('type''text'); 
  15.             } else { 
  16.                 field.attr('type''password'); 
  17.             } 
  18.         }) 
  19.     }; 
  20. }(jQuery)); 
  21.  
  22. //Here how to call above plugin from everywhere in your application document body 
  23. $.toggleShowPassword({ 
  24.     field: '#test1'
  25.     control: '#test2' 
  26. }); 

html
 

  1. Password: 
  2. <input type="password" id="test1" value="a" /> 
  3. <input id="test2" type="checkbox" />Show password 

 

上一篇: jquery ajax加载分页
下一篇: vue.js更新表单
支持键盘 ← →

邮件订阅

订阅我们的精彩内容