用js 在页面上，设置多个按钮，点击当前按钮时，当前按钮文字变为“哈哈”，其他未点击的按钮文字变为“呜呜”。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js练习四</title>
<script type="text/javascript">
window.onload = function () {
//1.为每个按钮注册单击事件
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == 'button') {
inputs[i].onclick = function () {
for (var c = 0; c < inputs.length; c++) {
// if (inputs[c].type == 'button') {
inputs[c].value = '呜呜';
//}
}
this.value = '哈哈';
};
};
};
};
</script>
</head>
<body>
<input type="button" name="button" value="" id="btn1">
<input type="button" name="button" value="" id="btn2">
<input type="button" name="button" value="" id="btn3">
<input type="button" name="button" value="" id="btn4">
<input type="button" name="button" value="" id="btn5">
</body>
</html>

用js 在页面上，设置多个按钮，点击当前按钮时，当前按钮文字变为“哈哈”，其他未点击的按钮文字变为“呜呜”。相关推荐

硕士论文页眉页脚设置
在进行毕业论文排版过程中,页眉页脚设置花了些时间,为日后学习工作能快速找回,在此小小总结一下,并可进行交流与参考(针对03版word) 一.页眉页脚华南理工大学硕士学位论文的封面.英文内封.提名页. ...
js页面上的excel导出
js页面上的excel导出这里的代码是网上转别人的感觉还不错,可以试试. <html> <head> <script type="text/javascrip ...
Nginx相关解决nginx反向代理后页面上的js/css文件无法加载
解决nginx反向代理后页面上的js/css文件无法加载 location ~ \.php$ {proxy_pass http://127.0.0.1:8000;include naproxy.con ...
jquery 左右移动以及使用layer.js弹出框呈现在页面上
今天写了一个左右移动但是发现自己写的css效果一直都加不上去,不管了,还是先上自己有问题的代码,毕竟在失败中发现问题也是一种成长么. 好吧,其实我们都知道在列表有边框里,它的值来源于左边框,那么如果 ...
解决页面上JS文件加载过慢问题
解决页面上JS文件加载过慢问题参考文章: (1)解决页面上JS文件加载过慢问题 (2)https://www.cnblogs.com/zying3/p/10278102.html (3)https: ...
php采集今日头条出现问题,PHP采集今日头条内容页时，解析页面上的JS转为json
<PHP采集今日头条内容页时,解析页面上的JS转为json>要点: 本文介绍了PHP采集今日头条内容页时,解析页面上的JS转为json,希望对您有用.如果有疑问,可以联系我们. 在采集今日 ...
jq jqprint 设置页脚_jquery.jqprint-0.3.js打印功能以及页眉页脚设置显示与否
项目中需要打印搜索使用了jquery.jqprint-0.3.js 遇到一些样式问题,现在已经解决 ,记录下来供大家参考. 下面图显示为我页面中的样式:满足需要根据设备名称输入的多少自动适应打印页面 ...
echarts如何显示在页面上
echarts如何显示在页面上 1.引入echarts的相关.js文件 <script src="js/echarts.min.js"></script> ...
百度地图获取数据库点的坐标，并定时刷新到页面上，功能一
后台代码先创建marker点的实体类(并利用Spring注解功能实现自动自动建表) 1 package com.sdtg.ditu.bean; 2 3 import javax.persistenc ...

用js 在页面上，设置多个按钮，点击当前按钮时，当前按钮文字变为“哈哈”，其他未点击的按钮文字变为“呜呜”。

用js 在页面上，设置多个按钮，点击当前按钮时，当前按钮文字变为“哈哈”，其他未点击的按钮文字变为“呜呜”。相关推荐

最新文章

热门文章