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

最新推荐文章于 2024-04-06 19:18:47 发布

Sunqlive

最新推荐文章于 2024-04-06 19:18:47 发布

阅读量4k

点赞数 2

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/Sunqlive/article/details/52350773

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!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>