用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>
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Sunqlive/article/details/52350773
文章标签: javascript
个人分类: js
上一篇js 实现标题栏的向左向左滚动,设置两个向左和向右的两个按钮,当点击向左按钮时,标题栏文字向左滚动,点击向右按钮时,标题栏向右滚动。
下一篇用js 动态进行创建列表,点击按钮时,动态创建一个两行三列的表格
想对作者说点什么? 我来说一句

js获取按钮文字

baohanqing baohanqing

2016-05-20 15:21:25

阅读数:5169

获取一个按钮上的文字

baohanqing baohanqing

2016-03-05 21:25:17

阅读数:958

没有更多推荐了,返回首页

关闭
关闭