javascript按钮禁用和启用的效果实例代码


Posted in Javascript onOctober 29, 2017

废话不多说了,直接给大家贴代码了,具体代码如下所述:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>按钮启用和禁用</title>
<script type="text/javascript">
function btn1()
{
 document.getElementById("btn1").disabled=true;
 document.getElementById("btn1").innerHTML="禁用按钮1";
 document.getElementById("btn2").disabled=false;
 document.getElementById("btn2").innerHTML="启用按钮2";
 }
 //按钮2
function btn2()
{
 document.getElementById("btn1").disabled=false;
 document.getElementById("btn1").innerHTML="启用按钮1";
 document.getElementById("btn2").disabled=true;
 document.getElementById("btn2").innerHTML="禁用按钮2";
 }
</script>
</head>
<body>
<div style="position:absolute;left:400px;top:200px">
<button id="btn1" onclick="btn1();" style="width:100px;height:100px; ">按钮1</button>
<button id="btn2" onclick="btn2();" style="width:100px;height:100px; margin-left:100px ">按钮2</button>
</div>
</body>
</html>

效果:

javascript按钮禁用和启用的效果实例代码

总结

以上所述是小编给大家介绍的javascript按钮禁用和启用的效果实例代码,希望对大家有所帮助!

Javascript 相关文章推荐
解析dom中的children对象数组元素firstChild,lastChild的使用
Jul 10 Javascript
JS正则表达式获取分组内容的方法详解
Nov 15 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
JavaScript判断IE版本型号
Jul 27 Javascript
论JavaScript模块化编程
Mar 07 Javascript
省市联动效果的简单实现代码(推荐)
Jun 06 Javascript
原生js实现选项卡功能
Mar 08 Javascript
微信小程序 POST请求的实例详解
Sep 29 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
Mar 07 jQuery
浅谈layui 表单元素的选中问题
Oct 25 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 #jQuery
bootstrap table sum总数量统计实现方法
Oct 29 #Javascript
vue.js语法及常用指令
Oct 29 #Javascript
基于vue.js快速搭建图书管理平台
Oct 29 #Javascript
JavaScript代码执行的先后顺序问题
Oct 29 #Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 #jQuery
ES6中Class类的静态方法实例小结
Oct 28 #Javascript
You might like
php生成excel列序号代码实例
2013/12/24 PHP
php实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
PHP用FTP类上传文件视频等的简单实现方法
2016/09/23 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
如何用javascript控制上传文件的大小
2006/10/26 Javascript
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
2016/02/22 Javascript
javascript实现仿百度图片的瀑布流加载效果
2016/04/20 Javascript
Javascript农历与公历相互转换的简单实例
2016/10/09 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
2017/01/11 Javascript
详解angular 中的自定义指令之详解API
2017/06/20 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
2018/09/12 Javascript
浅谈vue方法内的方法使用this的问题
2018/09/15 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
nodejs文件夹深层复制功能
2019/09/03 NodeJs
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
如何用Python实现简单的Markdown转换器
2018/07/16 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
浅谈Python里面None True False之间的区别
2020/07/09 Python
用Python自动清理电脑内重复文件,只要10行代码(自动脚本)
2021/01/09 Python
解决TensorFlow训练模型及保存数量限制的问题
2021/03/03 Python
今天学到的CSS最新技术(与图片背景相关)
2012/12/24 HTML / CSS
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
计算机专业推荐信范文
2013/11/20 职场文书
中学生自我鉴定
2014/02/04 职场文书
ktv好的活动方案
2014/08/15 职场文书
租赁协议书
2015/01/27 职场文书
《小小的船》教学反思
2016/02/18 职场文书
导游词之秦始皇兵马俑博物馆
2019/09/29 职场文书
MySQL安装后默认自带数据库的作用详解
2021/04/27 MySQL