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 相关文章推荐
jquery 元素相对定位代码
Oct 15 Javascript
谈谈JavaScript中的函数与闭包
Apr 14 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
AngularJS模板加载用法详解
Nov 04 Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
Feb 27 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
基于js中的存储键值对以及注意事项介绍
Mar 30 Javascript
详解微信小程序实现WebSocket心跳重连
Jul 31 Javascript
用npm-run实现自动化任务的方法示例
Jan 14 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 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 Smarty date_format [格式化时间日期]
2010/03/15 PHP
用PHP书写安全的脚本代码
2012/02/05 PHP
phpmyadmin打开很慢的解决方法
2014/04/21 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
jquery实现显示已选用户
2014/07/21 Javascript
使用js获取图片原始尺寸
2014/12/03 Javascript
百度地图自定义控件分享
2015/03/04 Javascript
在AngularJS应用中实现一些动画效果的代码
2015/06/18 Javascript
JS构造函数与原型prototype的区别介绍
2016/07/04 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
JS正则表达式验证密码格式的集中情况总结
2017/02/23 Javascript
vue中如何引入jQuery和Bootstrap
2017/04/10 jQuery
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
python的id()函数介绍
2013/02/10 Python
Python中super的用法实例
2015/05/28 Python
python中的colorlog库使用详解
2019/07/05 Python
Python socket 套接字实现通信详解
2019/08/27 Python
基于python3生成标签云代码解析
2020/02/18 Python
Python代码注释规范代码实例解析
2020/08/14 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
软件生产职位结构化面试主要考察要素及面试题库
2015/06/12 面试题
2014自主招生自荐信策略
2014/01/27 职场文书
先进集体获奖感言
2014/02/13 职场文书
《乌塔》教学反思
2014/02/17 职场文书
大学生考试作弊检讨书
2014/09/21 职场文书
人民检察院起诉书
2015/05/20 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server
python中的被动信息搜集
2021/04/29 Python
JavaScript 数组去重详解
2021/09/15 Javascript
MySQL数据库中的锁、解锁以及删除事务
2022/05/06 MySQL
python计算列表元素与乘积详情
2022/08/05 Python