Javascript 如何在窗体上保持焦点按钮和发送按钮焦点？

我想同时选择两个按钮（颜色和大小），我希望它像这样聚焦>>

我想发送数据表单焦点按钮在表单上

函数显示（elementId）{
document.getElementById（“id1”）.style.display=“none”；
document.getElementById（“id2”）.style.display=“无”；
document.getElementById（“id3”）.style.display=“无”；
document.getElementById（elementId）.style.display=“block”；
}

.btn:焦点{
边界半径：20px；
颜色：#000；
}
.btn2：焦点{
边界半径：10px；
颜色：#D97476；
}

选择颜色

黑色
绿色
红色
选择大小

s
M
L
提交

为什么不使用input type=“radio”

使用另一个具有样式和jquery的类单击按钮添加类

$（'.select color button'）。在（'click'，function（）上{
$（'.select color button.selected'）。removeClass（'selected'）；
$（this.addClass（'selected'）；
});
$（'.select-option-s7 button'）。在（'click'，function（）上{
$（'.select-option-s7 button.selected'）.removeClass（'selected'）；
$（this.addClass（'selected'）；
});
。已选定{
边界半径：10px；
颜色：#D97476；
}
.btn:焦点{
大纲：无；
}
.btn2：焦点{
大纲：无；
}

选择颜色

黑色
绿色
红色
选择大小

s
M
L
提交
您可以使用输入框而不是按钮，也可以使用自动对焦属性。