根据状态将按钮设置为粗体可以通过CSS样式来实现。以下是一种常见的实现方式:
<button id="myButton">按钮</button>
#myButton {
font-weight: normal; /* 默认状态下的字体粗细 */
}
#myButton.selected {
font-weight: bold; /* 选中状态下的字体粗细 */
}
var button = document.getElementById("myButton");
button.addEventListener("click", function() {
if (button.classList.contains("selected")) {
button.classList.remove("selected");
} else {
button.classList.add("selected");
}
});
这样,当按钮被点击时,会切换按钮的样式类,从而改变按钮的字体粗细。
这种方法适用于各种前端开发场景,例如表单提交、页面交互等。对于腾讯云相关产品,可以使用腾讯云的云服务器(CVM)来部署前端应用,腾讯云的云数据库(TencentDB)来存储数据,腾讯云的云函数(SCF)来处理后端逻辑等。具体产品介绍和链接地址可以参考腾讯云官方文档。
领取专属 10元无门槛券
手把手带您无忧上云