<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<input name="myt" type="text" value="1">
<input name="myt" type="text" value="2">
<input name="myt" type="text" value="3">
<input name="myt" type="text" value="4">
<input name="myt" type="text" value="5">
<input name="myt" type="text" value="6" onclick="getnum(this);" id="test">
<span id="show"></span>
<script type="text/javascript">
function getnum(obj){
var mynode=document.getElementsByName("myt"); //获取输入框组件数组
var show=document.getElementById("show");//获取显示信息的span
for (var i = mynode.length - 1; i >= 0; i--) {
if(mynode[i]==obj){//比较输入框组中id和被点击的输入框id是否相同
show.innerHTML=obj.value;//将显示信息的span值设为被点击的输入框的值
show.style.color="white";//设置显示span的样式
show.style.backgroundColor="pink";
}
}
}
</script>
</body>
</html>
网友评论