jq a标签动态绑定onclick事件

最新推荐文章于 2024-06-25 10:38:06 发布

原创最新推荐文章于 2024-06-25 10:38:06 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

前端开发专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用jQuery库实现网页中登录方式切换的方法，包括从密码登录切换到短信验证码登录，反之亦然。通过修改按钮文本和点击事件，实现了不同登录方式的交互效果。

我使用的Jq的库版本:jquery-3.5.0.min.js.以下代码在PC和移动端都可以使用。

1、JSP或HTML页面代码如下：

<a href="javascript:void(0);" class="usepwdlogin" onclick="loginByPwd()">用密码登录</a>

2、JS代码如下:

/**
 * 设置密码div显示，输入验证码div隐藏
 * 
 */
function loginByPwd(){
    $(".usepwdlogin").text("用验证码登录");
	$(".usepwdlogin").attr("onclick","loginBySms();");
}

/**
 * 设置短信验证输入显示，输入密码框被隐藏
 * 
 */
function loginBySms(){
	$(".usepwdlogin").text("用密码登录");
	$(".usepwdlogin").attr("onclick","loginByPwd();");
}