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

Question

<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

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签中，输入js代码：

$('button').click(function () {

$(this).attr('disabled', 1);

});

3、浏览器运行index.html页面，此时点击按钮后，按钮成功被禁用，只能点击一次。

Answer 2

建议你以后写代码还是把onclick中的代码封装到一个JS函数里，这样可读性会强一点，也方便你查找问题的原因，说实话我是没那么大的耐心看这么乱的代码，不过设置按钮不可读只需要你在点击以后执行下面这个代码：$("#按钮的id").attr("disabled","true"); 按钮就不能再点击了！

Answer 3

定义一个全局变量就可以了。

javascript代码如下：

<script language="javascript">
var isClicked=false;
function clickFun(obj)
{
    if(!isClicked)
    {
        var div=obj.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0];
        if (div.style.display != '') 
        { 
           div.style.display = '';
           obj.innerText = ''; 
           obj.value = '单击收起'; 
        } 
        else 
        { 
           div.style.display = 'none'; 
           obj.innerText = '';
           obj.value = '单击显示'; 
        }
    }
    isClicked=true;
}
</script>

Html代码：
<input value="单击显示" style="width:150px;font-size:12px;margin:1px;padding:1px;" onclick="
clickFun(this);" />

Answer 4

设置一个变量，var canClick = true;点击一次过后更改cilick的值为false,每次点击的时候判断这歌值，如果为false,则返回

$("button").click(function(){

$(this).attr("disabled","disabled");    

}); 点击后设置按钮为不可点击

3.jquery有一个叫one的方法，$(xx).one("click",function(){...});只触发一次。

Answer 5

配合JS 点一下之后就 disable 呗~
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。
注释：disabled 属性无法与 <input type="hidden"> 一起使用。
button也可用。。。