600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html点击后按钮本身文字变化 javascript实现点击后变换按钮显示文字的方法

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

时间:2023-05-05 09:08:41

相关推荐

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程序设计有所帮助。

时间: -05-10

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。