jquery的toggle函数实现点击图标实现密码的可见于不可见的切换?
本文介绍了jquery的toggle函数实现点击图标实现密码的可见于不可见的切换?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
如图,想要用jQuery的toggle函数实现点击眼睛图标密码可见于不可见的切换,但是刷新页面还没有点击icon直接输出2————alert("2");注释掉两行alert();换成下面的两条代码,发现既不报错也没有执行。但是w3c的例子我试过可以正确执行,请问这是什么原因?谢谢~
$(".eye").toggle(function(){
//alert("1");
$(this).parent().find("input").attr("type","text");
},function(){
//alert("2");
$(this).parent().find("input").attr("type","password");
});
解决方案
$('.eye').click(function () {
$(this).parent().find("input").attr('type', function (_, attr) {
return attr === 'password' ? 'text' : 'password'
})
})
这篇关于jquery的toggle函数实现点击图标实现密码的可见于不可见的切换?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文