通过JS点击按钮使value值循环改变

比如我们现在要做一个公司的打卡系统，有一个“签到”按钮，点一下“签到”按钮就变成“签退”，再点一下又变成“签到”。

以下代码可以实现这个功能：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script type="text/javascript">
        window.onload=function()//防止使用标签在定义之前
        {
        	var aaa=document.getElementById("box");//绑定事件
        	aaa.onclick=function()
        	{
        		var bbb=document.getElementById("box").value;
        		if(bbb==="签到")
        		{
        			document.getElementById("box").value="签退";
        		}
        		if(bbb==="签退")
        		{
        			document.getElementById("box").value="签到";
        		}	
        	}

        }        
        </script>
    </head>
    <body>
    <input type="submit" value="签到" id="box">
    </body>
</html>

如有不懂的可以在下方留言。

版权声明：本文为Kobe_G原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。