Question

怎么让html的按钮只能点一次

<input value="单击显示" style="width:150px;font-size:12px;margin:1px;padding:1px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = '单击收起'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = '单击显示'; }" type="button"><div class="alt2" style="margin: 0px; padding: 0px; border: 0px inset;"><div style="display: none;">
我要写的</div></div>

这个按钮反复点击……如果我想让它只能点一次的话，就要加入this.disabled=true，但是加在哪都不行，不是只点一次不显示文本就是反复点不显示文本…………而且如果只能点一次的话，应该还要删掉一组代码吧………………

Answer 1

想要让按钮只点一次可以用js来实现。
实现情况如下。
<script type="text/javascript">
$(document).ready(function(){
$("#button1").click(function () {

$("#test3").val("按钮变得不能用了");
$("#button1").attr({"disabled":"disabled"});

});

});

</script>
在按钮点的时候设置test3显示按钮不能用了字样。
同时设计按钮button1的属性为禁用。

Answer 2

1. 纯前端的话可以用cookie存储一个变量记录等于true或者false进行判断。

2. 这种东西就不应该前端进行控制，完全不安全，正确的做法是后端提供专门的接口，给予单独参数进行判断

Answer 3

   <input type="button" onclick="func();this.disabled='disabled'"/>