javascript中怎么实现按钮只能点击一次？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript中怎么实现按钮只能点击一次？相关的知识，希望对你有一定的参考价值。
javascript中怎么实现按钮只能点击一次？就是说只能提交一次，像投票啊，就只能允许用户提交一次，用户在点击第二次时弹出警告框！不用考虑服务器，本地ip这么复杂，就是我自己想在静态网页中来试试效果！
在点击时间处理程序的开始位置，将此按钮设为禁用，同时移除此处理程序与按钮的关联即可。
示例：
$('#mybtn').click(function()$(this).attr('disabled','disabled').die('click');
// other code
); 参考技术A 把提交过的信息写入cookie
然后判断cookie值就可以了。
function setCookie(key, value)
document.cookie = key + "=" + escape(value);
function getCookie(key)
if (document.cookie.length)
var cookies = ' ' + document.cookie;
var start = cookies.indexOf(' ' + key + '=');
if (start == -1) return null;
var end = cookies.indexOf(";", start);
if (end == -1) end = cookies.length;
end -= start;
var cookie = cookies.substr(start,end);
return unescape(cookie.substr(cookie.indexOf('=') + 1, cookie.length - cookie.indexOf('=') + 1));
else return null;
追问
谢了，暂时还没学cookie，先用纯粹的脚本写！
追答当前页面可以实现你说的情况，如果页面重新刷新后，就又可以点击了。
var clickCount = 0;
//下面是定义点击的javascript
function clickFun()
if (clickCount > 0)
alert("您已经点击过了。");
return false;
//按钮功能实现
.....
clickCount++; //点击统计累加
用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能做到可以重复调用 求助
用js实现点击按钮 显示div 然后两秒后消失 但是只能执行一次 怎么才能做到可以重复调用 求助设置settimeout让他消失 但是只能用一次
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div id="aaa" style="display: none;">
这是隐藏内容
</div>
<button id="but">点击显示</button>
<script type="text/javascript">
$('#but').click(function()
$("#aaa").css('display','block');
setTimeout(function()
$("#aaa").css('display','none');
,2000);
)
</script>
</body>
</html> 参考技术A 如果你用jQuery可以很容易的实现重复的效果。
JS的话，你可以设置一个变量例如x。
初始值是x=0，每当鼠标点击按钮一次，x就加1，然后判断，当x为奇数时，div隐藏，当x为偶数时x显示。
以上是关于javascript中怎么实现按钮只能点击一次？的主要内容，如果未能解决你的问题，请参考以下文章