javascript实现点击后变换按钮显示文字的方法
2015-05-13 11:32
1341 查看
本文实例讲述了javascript实现点击后变换按钮显示文字的方法。分享给大家供大家参考。具体实现方法如下:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>显示一些按钮,如果点击了, 当前点击的按钮文本变为“点了”,其他按钮文本变为“没点”</title> <script type="text/javascript"> //为所有按钮动态添加事件 function IniButtonEvent() { var Items = document.getElementsByTagName("input"); for (var i = 0; i < Items.length; i++) { var objTmp = Items[i]; if (objTmp.type == "button") { objTmp.onclick = ButtonClick; } } } function ButtonClick() { var Items = document.getElementsByTagName("input"); for (var i = 0; i < Items.length; i++) { var objTmp = Items[i]; if (objTmp.type == "button") { //判断是否是按钮 //window.event.srcElement触发当前事件的元素 //用来判断是否是当前单击的按钮 if (objTmp == window.event.srcElement) { objTmp.value = "点了"; } else { objTmp.value = "没点"; } } } } </script> </head> <body onload="IniButtonEvent()"> 显示一些按钮,如果点击了,当前点击的按钮文本变为“点了”, 其他按钮文本变为“没点”<br /> <input type="button" value="没点" /> <input type="button" value="没点" /> <input type="button" value="没点" /> <input type="button" value="没点" /> <input type="button" value="没点" /> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- javascript实现点击后变换按钮显示文字的方法
- javascript实现点击提交按钮后显示loading的方法
- javascript实现点击提交按钮后显示loading的方法
- JS简单实现点击按钮或文字显示遮罩层的方法
- 用JavaScript实现点击左侧列表右侧显示列表内容的方法
- javascript控制点击一次按钮实现元素的显示隐藏
- Angular实现点击按钮后在上方显示输入内容的方法
- Android开发实现按钮点击切换背景并修改文字颜色的方法
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- javascript实现点击按钮让DIV层弹性移动的方法
- 显示倒计时,为零时自动点击按钮提交【JavaScript实现】
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- 禁用IE的后退按钮|显示网页已过期|几种语言的实现方法|c#|javascript|html
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- phpcms实现列表页显示文字来源及点击数量的方法
- JavaScript实现点击文字切换登录窗口的方法
- JavaScript实现点击文字切换登录窗口的方法
- javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
- javascript实现十秒钟后注册按钮可点击的方法
- javascript实现十秒钟后注册按钮可点击的方法