您的位置：首页 > Web前端 > JavaScript

javascript 案例,显示一些按钮，如果点击了，当前点击的按钮文本变为“点了”，其他按钮文本变为“没点”

2012-12-19 16:46 555 查看

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>显示一些按钮，如果点击了，当前点击的按钮文本变为“点了”，其他按钮文本变为“没点”</title>

    <script type="text/javascript">

        //为所有按钮动态添加事件
        function IniButtonEvent() {

            var Items = document.getElementsByTagName("input");

            for (var i = 0; i < Items.length; i++) {

                var objTmp = Items[i];

                if (objTmp.type == "button") {

                    objTmp.onclick = ButtonClick;

                }

            }

        }

        function ButtonClick() {

            var Items = document.getElementsByTagName("input");

            for (var i = 0; i < Items.length; i++) {

                var objTmp = Items[i];

                if (objTmp.type == "button") {          //判断是否是按钮
                    //window.event.srcElement触发当前事件的元素

                    //用来判断是否是当前单击的按钮
                    if (objTmp == window.event.srcElement) {

                        objTmp.value = "点了";

                    }

                    else {

                        objTmp.value = "没点";

                    }

                }

            }

        }

    </script>

</head>

<body onload="IniButtonEvent()">

    显示一些按钮，如果点击了，当前点击的按钮文本变为“点了”，其他按钮文本变为“没点”<br />

    <input type="button" value="没点" />

    <input type="button" value="没点" />

    <input type="button" value="没点" />

    <input type="button" value="没点" />

    <input type="button" value="没点" />

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航