本文實例講述了javascript實現(xiàn)點擊后變換按鈕顯示文字的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

顯示一些按鈕，如果點擊了，

當(dāng)前點擊的按鈕文本變?yōu)椤包c了”，其他按鈕文本變?yōu)椤皼]點”

//為所有按鈕動態(tài)添加事件

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觸發(fā)當(dāng)前事件的元素

//用來判斷是否是當(dāng)前單擊的按鈕

if (objTmp == window.event.srcElement) {

objTmp.value = "點了";

}

else {

objTmp.value = "沒點";

}

}

}

}

顯示一些按鈕，如果點擊了，當(dāng)前點擊的按鈕文本變?yōu)椤包c了”，

其他按鈕文本變?yōu)椤皼]點”

希望本文所述對大家的javascript程序設(shè)計有所幫助。

時間： 2015-05-10

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的html点击后按钮本身文字变化,javascript实现点击后变换按钮显示文字的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。