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 图片缩放(按比例)控制代码
May 27 Javascript
JavaScript中null与undefined分析
Jul 25 Javascript
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
Oct 01 Javascript
javascript 弹出层组件(升级版)
May 12 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
jquery实现鼠标拖动图片效果示例代码
Jan 09 Javascript
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
Nov 24 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
Oct 26 Javascript
使用Node.js给图片加水印的方法
Nov 15 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
react+ant design实现Table的增、删、改的示例代码
Dec 27 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数组函数
2008/08/18 PHP
php+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
PHP+ajax实现二级联动菜单功能示例
2018/08/10 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
js触发onchange事件的方法说明
2014/03/08 Javascript
js图片预加载示例
2014/04/30 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
JS Attribute属性操作详解
2016/05/19 Javascript
javascript获取网页各种高宽及位置的方法总结
2016/07/27 Javascript
Nodejs多站点切换Htpps协议详解及简单实例
2017/02/23 NodeJs
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
2018/05/10 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
JavaScript实现筛选数组
2021/03/02 Javascript
Python实现LRU算法的2种方法
2015/06/24 Python
Python循环语句中else的用法总结
2016/09/11 Python
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
python中解析json格式文件的方法示例
2017/05/03 Python
pycharm软件实现设置自动保存操作
2020/06/08 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
matplotlib自定义鼠标光标坐标格式的实现
2021/01/08 Python
中文专业学生自我评价范文
2014/02/06 职场文书
献爱心活动总结
2014/05/07 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
局领导领导班子四风对照检查材料
2014/09/27 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
2015年司机年终工作总结
2015/05/14 职场文书
工作证明格式范文
2015/06/15 职场文书
幼儿园家长心得体会
2016/01/21 职场文书