html点击后按钮本身文字变化,javascript实现点击后变换按钮显示文字的方法

本文实例讲述了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 = "没点";

}

显示一些按钮，如果点击了，当前点击的按钮文本变为“点了”，

其他按钮文本变为“没点”

希望本文所述对大家的javascript程序设计有所帮助。

时间： 2015-05-10

html点击后按钮本身文字变化,javascript实现点击后变换按钮显示文字的方法相关推荐

vue点击按钮上传图片_关于javascript：Vue-点击按钮提交表单
我有一个组件,用户可以在其中上传图像,我还想添加一个删除图像的功能. 我添加了一个按钮,该按钮可删除当前图像,但是它的问题在于表单也正在提交,因此我想避免这种情况. 我只需要删除当前图像(如果存在). ...
html隐藏显示文字代码,以下代码实现一键隐显示文字、隐藏提示/ 显示提示、隐藏文字应该怎么写？...
加上 if 判断语句就行,代码如下:html> Document function hidetext() { var mychar = document.getElementById(&quo ...
SDL2 显示视频并在视频上显示文字
SDL2可以直接显示视频,也可以在mfc控件上显示,光显示图像比较简单,但是SDL本身不带字库,因此不能直接显示文字,需要调用第三方库完成. SDL2可以直接从官方下载,但显示文字需要用扩展库SDL_ ...
第五十六回：如何在Button中同时显示文字和图标
文章目录概念介绍实现方法示例代码同类按钮我们在上一章回中介绍了命名路由相关的内容,本章回中将介绍如何在Button中同时显示文字和图标.闲话休提,让我们一起Talk Flutter吧. 概 ...
html点击文字展开图片,DIV CSS鼠标经过悬停在图片上时图片上方显示文字
DIV CSS鼠标悬停在没有文字内容图片上时图片上方显示文字,完全是纯css div实现.CSS实现鼠标悬停放图片上方时显示美化内容. 原始图片显示没有文字在上方,当鼠标经过悬停时显示文字并且文字背景 ...
数码相框(三、LCD显示文字)
注:本人已购买韦东山第三期项目视频,内容来源<数码相框项目视频>,只用于学习记录,如有侵权,请联系删除. 文字在LCD上的显示其实就是LCD上的一些点的显示与不显示,这些显示的点就 ...
css3鼠标悬停按钮颜色文字变化
下载地址css3鼠标悬停在按钮上的特效,颜色和文字变化切换成其它的 dd:
qt点击按钮本身，来删除自身
引言实现下面这样一个功能,点击界面的添加按钮,增加一行班级和学生的信息,刚才被点击行的按钮上的文字由添加变为删除,按钮文字为删除,点击的时候可以删除被点击行的所有控件,选中那个班级后会自动更新对应班 ...
html点击按钮动复制推广地址,JavaScript实现点击按钮就复制当前网址
JavaScript实现点击按钮就复制当前网址点击按钮复制当前网址: 在大量的网站都有这样的功能,当点击一个按钮的时候可以复制当前页面的地址,以此可以方便网站用户对链接的存储,同时也便于网站的推广, ...

html点击后按钮本身文字变化,javascript实现点击后变换按钮显示文字的方法

html点击后按钮本身文字变化,javascript实现点击后变换按钮显示文字的方法相关推荐

最新文章

热门文章