Question

javascript中怎么实现按钮只能点击一次？

javascript中怎么实现按钮只能点击一次？就是说只能提交一次，像投票啊，就只能允许用户提交一次，用户在点击第二次时弹出警告框！不用考虑服务器，本地ip这么复杂，就是我自己想在静态网页中来试试效果！

Answer 1

在点击时间处理程序的开始位置，将此按钮设为禁用，同时移除此处理程序与按钮的关联即可。

示例：

$('#mybtn').click(function(){
    $(this).attr('disabled','disabled').die('click');
    // other code
});

Answer 2

把提交过的信息写入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++; //点击统计累加
}

Answer 3

提交的同时将提交按钮disable或者hidden不就行了吗