用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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

如何修改js中的按钮文字

$.alerts = { // These properties can be read/written by accessing $.alerts.propertyName from ...

Button 中实现点击前后字体颜色的变化

在开发中,我们经常使用点击前后时控件背景的变化,主要是通过selector标签来实现的。 但是对于字体样式的变化,我很少设置到,今天需要这个功能,所以就记录下来了,废话不多说了,直接讲解步骤 1、...
  • HeyNine
  • HeyNine
  • 2012年12月10日 15:39
  • 7149

js获取按钮的文字

android之fragment的两种使用方式(add和replace方式切换)

使用过app的人都知道,几乎所有的app都用到fragment进行首页分割,还有的加上了Indicator或者Tablayout或者Viewpager之类的结合使用。总之,fragment是必须掌握的...
  • gsw333
  • gsw333
  • 2016年07月08日 11:56
  • 26951

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

有时候我们希望实现点击按钮并切换样式的效果,一个简单的方法是链接到另一个页面,但是,在有些情况下,我们不希望这么做,因为我们改变的只是页面的很小一部分,我们没有必要为了这一小部分而刷新整个界面。另外,...

.netMVC实现当前页多个数据修改,按钮点击分类别显示

跳转页修改用ParameterMgr到ParameterForm(修改单一传值),当前页修改多个值用ParameterMgr1 #region 参数管理 /// /...

JS实现默认显示部分文字点击按钮显示全部内容

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     JS实现默认显示部分文字,点击按钮显示全部      ...
  • baicp3
  • baicp3
  • 2014年02月20日 11:17
  • 3395

点击按钮改变listview的当前值

  • 2012年12月14日 11:17
  • 158KB
  • 下载

收藏、点赞按钮 怎么由当前的状态(收藏/取消收藏)通过点击设置为取消收藏(收藏)

收藏、点赞按钮 怎么由当前的状态(收藏/取消收藏)通过点击设置为取消收藏(收藏)即通过获得并依据当前已经显示的状态,来设置点击操作后应该显示的状态!...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用js 在页面上,设置多个按钮,点击当前按钮时,当前按钮文字变为“哈哈”,其他未点击的按钮文字变为“呜呜”。
举报原因:
原因补充:

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