在一个页面上同时激活多个启动按钮,可以通过以下几种方式实现:
// HTML
<button class="start-button">启动按钮 1</button>
<button class="start-button">启动按钮 2</button>
<button class="start-button">启动按钮 3</button>
// JavaScript
const startButtons = document.querySelectorAll('.start-button');
startButtons.forEach(button => {
button.addEventListener('click', () => {
// 执行启动操作
console.log('启动按钮被点击');
});
});
<form action="/start" method="post">
<button type="submit">启动按钮 1</button>
</form>
<form action="/start" method="post">
<button type="submit">启动按钮 2</button>
</form>
<form action="/start" method="post">
<button type="submit">启动按钮 3</button>
</form>
// HTML
<button class="start-button">启动按钮 1</button>
<button class="start-button">启动按钮 2</button>
<button class="start-button">启动按钮 3</button>
// JavaScript
const startButtons = document.querySelectorAll('.start-button');
startButtons.forEach(button => {
button.addEventListener('click', () => {
// 发送Ajax请求
fetch('/start', {
method: 'POST',
body: JSON.stringify({ buttonId: button.id }),
headers: {
'Content-Type': 'application/json'
}
})
.then(response => response.json())
.then(data => {
// 处理服务器端返回的数据
console.log(data);
})
.catch(error => {
console.error(error);
});
});
});
以上是三种常见的实现方式,具体选择哪种方式取决于你的需求和技术栈。在实际应用中,可以根据具体情况进行调整和优化。
领取专属 10元无门槛券
手把手带您无忧上云