排他功能

最新推荐文章于 2021-10-08 10:35:46 发布

原创最新推荐文章于 2021-10-08 10:35:46 发布 · 126 阅读

0 ·

CC 4.0 BY-SA版权

博客提到点击操作时会发生两件事，首先将所有按钮的值统一，之后把被点击按钮的值单独改变，这涉及前端交互逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在点击时发生了两件事，先让所有按钮的值统一，然后再把点击的单独改变值

<input type="button" value="西红柿">
<input type="button" value="西红柿">
<input type="button" value="西红柿">
<input type="button" value="西红柿">
<input type="button" value="西红柿">
<script>
    //获取所有按钮，分别注册点击事件
    var btObjs = document.getElementsByTagName("input");
    //遍历所有按钮
    for (var i = 0; i < btObjs.length; i++) {
        //注册点击事件
        btObjs[i].onclick = function () {
            //将所有按钮的value值设为默认
            for (var j = 0; j < btObjs.length; j++) {
                btObjs[j].value = "西红柿";
            }
            //将当前被点击的值重新设置
            this.value = "炒蛋";
        };
    }
</script>