程序博客网 > 已备案过期删除域名

JS基础——索引值的应用

来源：互联网发布：已备案过期删除域名编辑：程序博客网时间：2024/06/03 17:38

[html] view plaincopy

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS基础——索引值的应用</title>
<script>
window.onload = function(){
var aBtn = document.getElementsByTagName('input');
var arr = ['张三','李四','王五'];
for(var i=0; i<aBtn.length; i++){
aBtn[i].index = i;
aBtn[i].onclick = function(){
//alert(this.index);
this.value = arr[this.index];
};
}
};
</script>
</head>
<body>
<input type="button" value="按钮">
<input type="button" value="按钮">
<input type="button" value="按钮">
</body>
</html>

思路：

首先获取相关元素，然后通过for循环出所有的按钮，然后给每个按钮添加一个自定义索引值，当点击按钮时，可以alert一下当前被点击按钮的索引值是多少（测试），

接着当点击按钮是，通过数组的索引值赋值给当前点击的按钮的value上。

0 0

已备案过期删除域名

已备案过期删除域名

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子桂圆干变质桂圆干图龙眼干的价格桂圆干的效果桂圆干吃多少宝宝桂圆干桂圆干颜色桂圆干怎么去核桂圆干鸡蛋怎么做桂圆干荔枝干和桂圆干产妇桂圆干桂圆干红枣汤桂圆干怎么制作桂圆干壳桂圆干炖什么桂圆干如何储存桂圆干会回奶龙眼干桂圆干怀孕桂圆干桂圆干图片龙眼干泡水喝的功效桂圆干有什么好处新鲜桂圆桂圆干桂圆干桂圆肉桂圆干产妇天喔桂圆干桂圆干回奶龙眼干多少钱产妇吃桂圆干桂圆和桂圆干桂圆干哪里产的好桂圆干能吃吗桂圆干怎么吃比较好鲜桂圆干桂圆龙眼树的作用桂圆树的图片桂圆壳的功效与作用桂圆核作用桂圆核红枣桂圆姜红糖水功效