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

原创 2016年08月29日 10:25:04
<!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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

点击按钮改变本身按钮的文字内容

点击按钮改变本身按钮的文字内容: 作用:把“按钮”变成“我是另一个按钮” 按钮function aaa(){document.getElementById("h").innerHTML="我是...
  • haibo0668
  • haibo0668
  • 2016年06月30日 14:27
  • 399

如何修改js中的按钮文字

$.alerts = { // These properties can be read/written by accessing $.alerts.propertyName from ...
  • xiaoguang44
  • xiaoguang44
  • 2011年05月30日 17:14
  • 5225

js获取按钮的文字

  • baohanqing
  • baohanqing
  • 2016年05月20日 15:21
  • 3643

事件4:点击一个按钮,改变按钮上面的字

import java.awt.*;import javax.swing.*;import java.awt.event.*;public class actionTest extends JFram...
  • wangjun_pfc
  • wangjun_pfc
  • 2007年10月14日 22:46
  • 856

点击Button之后文字改变

//#pragma mark ---  编辑 点击事件 //    self.isEditing = NO; //-(void)rightAction:(UIButton *)sender{ /...
  • wangbao1991
  • wangbao1991
  • 2016年01月12日 14:10
  • 406

点击按钮修改input文字及其颜色,按钮的文字也会随之改变

  • 2015年09月17日 11:40
  • 1KB
  • 下载

js修改comfirm提示框中按钮上的文字

将按钮替换为“是”,“否”的形式,只支持IE function window.confirm(str) { execScript("n = (msgbox('"+...
  • bytxl
  • bytxl
  • 2015年02月05日 17:39
  • 6152

js中实现button按钮变灰不可用,可用的方法

按钮变灰不可用方法:document.getElementById("crop").setAttribute("disabled", true); 按钮可用方法:document.getElemen...
  • chp891202
  • chp891202
  • 2017年05月04日 16:55
  • 9010

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

用js 在页面上,设置多个按钮,点击当前按钮时,当前按钮文字变为“哈哈”,其他未点击的按钮文字变为“呜呜”。...
  • Sunqlive
  • Sunqlive
  • 2016年08月29日 10:25
  • 1711

[前端] js点击按钮改变样式

有时候我们希望实现点击按钮并切换样式的效果,一个简单的方法是链接到另一个页面,但是,在有些情况下,我们不希望这么做,因为我们改变的只是页面的很小一部分,我们没有必要为了这一小部分而刷新整个界面。另外,...
  • ZJU_fish1996
  • ZJU_fish1996
  • 2016年07月20日 17:20
  • 14422
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用js 在页面上,设置多个按钮,点击当前按钮时,当前按钮文字变为“哈哈”,其他未点击的按钮文字变为“呜呜”。
举报原因:
原因补充:

(最多只允许输入30个字)