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

<inputvalue="单击显示"style="width:150px;font-size:12px;margin:1px;padding:1px;"onclick="... <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,但是加在哪都不行,不是只点一次不显示文本就是反复点不显示文本…………而且如果只能点一次的话,应该还要删掉一组代码吧………………
展开
 我来答
幻翼高达Zero
2019-07-18 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:7.2万
展开全部

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

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

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

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

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

});

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

sunerSy
2013-07-25 · TA获得超过568个赞
知道小有建树答主
回答量:150
采纳率:0%
帮助的人:163万
展开全部
建议你以后写代码还是把onclick中的代码封装到一个JS函数里,这样可读性会强一点,也方便你查找问题的原因,说实话我是没那么大的耐心看这么乱的代码,不过设置按钮不可读只需要你在点击以后执行下面这个代码:$("#按钮的id").attr("disabled","true"); 按钮就不能再点击了!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
pinxiongcn
2013-07-25 · 超过10用户采纳过TA的回答
知道答主
回答量:40
采纳率:0%
帮助的人:44.7万
展开全部

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

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);" />
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
8月16是中秋
2017-08-31 · TA获得超过1289个赞
知道小有建树答主
回答量:501
采纳率:0%
帮助的人:190万
展开全部
  1. 设置一个变量,var canClick = true;点击一次过后更改cilick的值为false,每次点击的时候判断这歌值,如果为false,则返回

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

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

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

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
王阔大哥哥
2017-09-11 · 超过37用户采纳过TA的回答
知道小有建树答主
回答量:137
采纳率:0%
帮助的人:54万
展开全部
配合JS 点一下之后就 disable 呗~
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。
注释:disabled 属性无法与 <input type="hidden"> 一起使用。
button也可用。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(6)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式