在button触发事件中选中其它所有button
时间: 2024-04-15 22:29:13 浏览: 92
要在一个按钮的触发事件中选中其他所有按钮,你可以使用 JavaScript 来实现。以下是一个示例代码:
```html
<button onclick="selectAllButtons()">选中所有按钮</button>
<button class="btn">按钮1</button>
<button class="btn">按钮2</button>
<button class="btn">按钮3</button>
<button class="btn">按钮4</button>
<script>
function selectAllButtons() {
var buttons = document.getElementsByClassName("btn");
for (var i = 0; i < buttons.length; i++) {
buttons[i].classList.add("selected");
}
}
</script>
```
在这个示例中,首先我们给一个按钮绑定了一个 `onclick` 事件,并指定了触发的函数为 `selectAllButtons()`。当点击这个按钮时,会执行 `selectAllButtons()` 函数。
在 `selectAllButtons()` 函数中,我们使用 `document.getElementsByClassName()` 方法获取到所有具有 `btn` 类名的按钮元素,并将它们存储在一个变量 `buttons` 中。然后,我们使用一个循环遍历所有按钮,并使用 `classList.add()` 方法给每个按钮添加一个 `selected` 类名。
你可以根据需要自定义 `selected` 类名的样式,以便在选中状态下改变按钮的样式。
阅读全文