按钮初始化不可用

最新推荐文章于 2021-06-24 04:52:59 发布
最新推荐文章于 2021-06-24 04:52:59 发布
阅读量1.4k 收藏
点赞数
分类专栏： Js、xml、div+css 文章标签： button bt javascript 测试 input function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhypang2006/article/details/1855129
版权

【关键字】按钮初始化不可用 倒计时可用 javascript setTimeout倒计时

【正文】在实际的使用中，有些按钮是需要默认设置为不可用的，等待一段时间后则设置按钮可用，才可以进行其他的操作。以下为一段测试代码。这里是使用一个测试按钮，点击后才开始倒计时，实际使用中可以将这个函数放到<body οnlοad="enable_button()">或者其他需要触发这个事件的地方。

<script language="javascript">
    var time=5;
    var timeout=null;
    function enable_button(){
        var bt=document.getElementById("bt");
        if(time>0){
            bt.value="还剩余"+time+"秒";
            bt.disabled="true";
            time=time-1;
            timeout=window.setTimeout(enable_button,1000);    
        }else{
            bt.value="可以点击了";
            bt.disabled="";
         window.clearTimeout(timeout);
        }
    }
</script>
<input type=button value="开始" onclick="enable_button()">
<input type="button" id="bt" value="这个是测试按钮" onclick="alert('123')" disabled="true">

【程序运行抓图】

 
魏言
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js的onload事件及初始化按钮事件示例代码
10-26
除了`onload`事件，示例代码还涉及了按钮事件的初始化和绑定。在JavaScript中，有多种方式可以为按钮或其他元素添加事件监听器： 1. **在HTML元素内直接绑定**： ```html ()">绑定方式一 ``` 2. **在JavaScript...
JS实现自动倒计时30秒后按钮才可用
02-20
// 初始化计时器，设置30秒后按钮变为可用 var countdown = 30; var timer = setInterval(function() { // 每秒减少1 countdown--; // 更新按钮的提示文本，显示剩余时间 myButton.innerText = '倒计时 ' + ...
Button默认不可点击的实现
weixin_48383709的博客
06-08 1566
常常看到网站的一个需求就是表单提交按钮默认不可点击，当input框有value时显示按钮手型才可提交，这样做主要就是减少一个http的请求。而它的实现也是很简单，主要就是disabled的一个使用，通过if条件判断来实现disabled的true和false，达到这个提交按钮的禁止和点击的目的。 先看效果图，默认input为空时，按钮是灰色的，不可点击。 当你输入value时，请看下面这张图 接下来上代码 现在一看代码是不是发现很简单呢？ ...
html中怎样设置按钮不可点,css怎样设置按钮不能点击
weixin_39611506的博客
06-24 2526
css设置按钮不能点击的方法：1、按钮不可点击时的显示状态【cursor: not-allowed】；2、按钮原有的事件不能实现【pointer-events:none】。本教程操作环境：windows7系统、css3版，DELL G3电脑。css设置按钮不能点击的方法：我们可以为按钮添加“cursor: not-allowed”与“pointer-events:none”两种css样式实现按钮不...
html语言怎么设置按钮,javascript怎么设置按钮不可点击？
weixin_32513585的博客
05-31 1076
JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，下面我们来看一下JavaScript如何设置按钮不可点击。JavaScript设置按钮不可点击：(1)设置按钮不可点击document.getElementById("bt1").disabled=ture;(2)设置按钮可点击document.getElementById("bt1")...
按钮初始化不可用，倒计时后可以点击
youzi8800的专栏
11-05 864
 按钮初始化不可用，倒计时后可以点击  【关键字】按钮初始化不可用 倒计时可用 javascript setTimeout倒计时【正文】在实际的使用中，有些按钮是需要默认设置为不可用的，等待一段时间后则设置按钮可用，才可以进行其他的操作。以下为一段测试代码。这里是使用一个测试按钮，点击后才开始倒计时，实际使用中可以将这个函数放到或者其他需要触发这个事件的地方。    var time=5;
Button设置可用或灰色不可用
Arcsinsin的学习笔记
08-01 2774
CButton *pBtn = (CButton *)GetDlgItem(ID) ; pBtn->EnableWindow( FALSE ) ;//不可用 pBtn->EnableWindow( TRUE ) ;//可用
MFC-Init.rar_MFC txt初始化
09-24
MFC的初始化是程序运行过程中的重要环节，确保了类库的正确设置和功能的可用性。 在MFC应用程序中，初始化主要涉及以下几个方面： 1. **应用程序类的初始化**：在MFC中，每个应用程序都对应一个CWinApp派生类的...
点击提交按钮后按钮变灰色不可用状态的三种方法
09-05
当用户点击该按钮时，`this.disabled=true`会将按钮设置为不可用（灰色），然后`document.form1.submit()`提交表单。这种方式简洁明了，但缺点是提交成功后按钮仍然保持灰色，无法恢复为可用状态。 2. **利用`...
FinanceManager:第一次初始化
05-20
本篇文章将深入探讨“FinanceManager：第一次初始化”这一主题，该主题源自Luxoft CJP克拉科夫2015年的集团项目，我们将围绕JavaScript在构建财务管理系统中的应用进行详细的分析。 1. **JavaScript基础**：...
按钮不可用状态
qq_36526703的博客
12-23 1511
对于button，可通过disabled属性设置成不可用状态。 在js中：document.getElementById("#submit_button").disabled="true"在jq中：disabled--->$("#submit_button").attr("disabled", true); enabled--->$("#submit_button").removeAttr("di
JS设置 按钮为可用和不可用两种状态
热门推荐
xueqiang1124的专栏
06-17 2万+
//取stamp， var stamp = document.getElementById("stamp");//设置盖章按钮为不可用 stamp.disabled=true; //按钮变为不可点击 //按钮变为可以点击 //stamp.disabled=false;
设置Button为不可用状态
还没见过大海
07-02 8396
setClickable="false" enabled="false" 在setOnClickListener()方法中有这样一段代码： if (!isClickable()) {             setClickable(true);  } bt1.setOnClickListener(this); bt1.
button初始化
a280966503的博客
07-04 3286
_startLiveButton = [UIButton buttonWithType:UIButtonTypeCustom];         [_startLiveButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];         [_startLiveButton.titleLa
vs2013 新建项目确定按钮无法点击
thedha3ege的博客
05-21 1359
使用vs2013新建项目时出现了确定按钮无法被点击（灰色状态），如下图： 解决办法为：重新选择项目文件的位置 ，如下图：
如何用js设置按钮不可用
streamfly
03-16 1103
&lt;script language="javascript"&gt; function setdisabled() { var b = new Object(); b = document.getElementById("fly"); b.disabled = !(b.disabled &amp;&amp; true); } &lt;/script&gt;   从网上搜到的，在这里整理...
tkinter按钮设定不可用
最新发布
06-06
在tkinter中，可以使用`button.config(state="disabled")`将按钮设为不可用状态。此时按钮呈现灰色且无法被点击。...同时，也可以在创建Button对象时设置`state="disabled"`属性来初始化按钮为不可用状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值