用js在页面上,设置多个按钮,点击当前按钮时,当前按钮文字变为“哈哈”,其他未点击的按钮文字变为“呜呜”。
来源:互联网 发布:创意马克杯 知乎 编辑:程序博客网 时间:2024/05/01 03:28
<!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>
<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>
1 0
- 用js在页面上,设置多个按钮,点击当前按钮时,当前按钮文字变为“哈哈”,其他未点击的按钮文字变为“呜呜”。
- javascript 案例,显示一些按钮,如果点击了,当前点击的按钮文本变为“点了”,其他按钮文本变为“没点”
- 多按钮,点击当前按钮变色,点击其它按钮恢复
- 表单操作,多个按钮的点击事件相同,当前只能点击一个按钮。
- 创建一个按钮,点击打印当前页面
- ionic之如何设置输入框未输入时按钮不可点击,有输入值时按钮自动变为可点击
- 点击按钮弹出当前是第几个
- 按钮点击改变文字颜色
- 点击提交按钮后,DropDownList的值变为默认值
- 点击按钮自动添加行 + 点击按钮,将行变为可输入的文本框
- 点击按钮改变本身按钮的文字内容
- Qt 判断界面当前点击的按钮
- 设置UITableViewCell点击时按钮文字高亮
- JS实现点击按钮复制当前界面的URL
- jquery实现当前页面按钮点击全屏,点击退出全屏
- 点击其他窗体上的一个按钮?
- jquery去掉点击文字,图片,按钮时出现的虚线
- js 如何在多个按钮中获取点击按钮的id值
- java多线程技术(三)
- iptables自定义链
- Android-Notification (通知实现)
- Asia Dhaka 2013
- gin框架
- 用js在页面上,设置多个按钮,点击当前按钮时,当前按钮文字变为“哈哈”,其他未点击的按钮文字变为“呜呜”。
- UVa OJ 1451 - Average
- iOS开发网络篇—实现一个视频播放客户端小应用(二)
- 利用栈实现二进制转换为八、十、十六进制
- JSP脚本元素、指令元素、动作元素
- windows下pytesseract识别验证码遇到的WindowsError: [Error 2] 的解决方法
- hdu5723 最小生成树 树形dp
- Apache 安全配置方法
- Linux下逻辑地址-线性地址-物理地址图解