javascript實現(xiàn)點擊后變換按鈕顯示文字的方法
更新時間:2015年05月13日 11:32:11 作者:永遠愛好寫程序
這篇文章主要介紹了javascript實現(xiàn)點擊后變換按鈕顯示文字的方法,可實現(xiàn)顯示一些按鈕如果點擊了,按鈕文本變?yōu)椤包c了”,其他按鈕文本變?yōu)椤皼]點”的效果,非常具有實用價值,需要的朋友可以參考下
本文實例講述了javascript實現(xiàn)點擊后變換按鈕顯示文字的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>顯示一些按鈕,如果點擊了,
當前點擊的按鈕文本變?yōu)椤包c了”,其他按鈕文本變?yōu)椤皼]點”</title>
<script type="text/javascript">
//為所有按鈕動態(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ā)當前事件的元素
//用來判斷是否是當前單擊的按鈕
if (objTmp == window.event.srcElement) {
objTmp.value = "點了";
}
else {
objTmp.value = "沒點";
}
}
}
}
</script>
</head>
<body onload="IniButtonEvent()">
顯示一些按鈕,如果點擊了,當前點擊的按鈕文本變?yōu)椤包c了”,
其他按鈕文本變?yōu)椤皼]點”<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合并兩個數(shù)組最簡單的實現(xiàn)方法
這篇文章主要介紹了javascript合并兩個數(shù)組最簡單的實現(xiàn)方法,方法很簡單,有需要的朋友們可以學習下。2019-09-09

