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 相关文章推荐
js获取电脑分辨率的思路及操作
Nov 22 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
JS自定义选项卡函数及用法实例分析
Sep 02 Javascript
jQuery实现只允许输入数字和小数点的方法
Mar 02 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
Oct 28 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
May 02 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
jquery加载单文件vue组件的方法
Jun 20 jQuery
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
Sep 28 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 Javascript
解决新建一个vue项目过程中遇到的问题
Oct 22 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提交表单失败后如何保留已经填写的信息
2014/06/20 PHP
PHP输出九九乘法表代码实例
2015/03/27 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
实例讲解php数据访问
2016/05/09 PHP
JS图片切换的具体方法(带缩略图版)
2013/11/12 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
JS获取各种宽度、高度的简单介绍
2014/12/19 Javascript
jquery 插件实现瀑布流图片展示实例
2015/04/03 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
浅析JavaScript中var that=this
2017/02/17 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
微信小程序 scroll-view的使用案例代码详解
2020/06/11 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python实现竖排打印传单手机号码易撕条
2015/03/16 Python
python实现简易通讯录修改版
2018/03/13 Python
Python正则表达式指南 推荐
2018/10/09 Python
在Python中通过getattr获取对象引用的方法
2019/01/21 Python
python实现鸢尾花三种聚类算法(K-means,AGNES,DBScan)
2019/06/27 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
一款纯css3实现的鼠标经过按钮特效教程
2014/11/09 HTML / CSS
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
纽约21世纪百货官网:Century 21
2016/08/27 全球购物
德国家具购物网站:Möbel Höffner
2019/08/26 全球购物
家长给小学生的评语
2014/01/30 职场文书
班级课外活动总结
2014/07/09 职场文书
2014保险公司个人工作总结
2014/12/09 职场文书
民主生活会汇报材料
2014/12/15 职场文书
使用python求解迷宫问题的三种实现方法
2022/03/17 Python
排查MySQL生产环境索引没有效果
2022/04/11 MySQL
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers