Javascript 如何制作css示例所需的单选按钮？js

我有一些单选按钮，用于问卷调查，用户可以单击下一步（超过9页）并从他的答案中获得结果。 我想用js和css实现它（我需要后退按钮工作，正常的需要会停止我按钮的功能）

var invalidClassName='invalid'
var inputs=document.querySelectorAll（'input，select，radio'））
输入。forEach（函数（输入）{
//当输入无效时，在提交时添加css类。
input.addEventListener（'无效'，函数（）{
input.classList.add（invalidClassName）
})
//当输入变为有效时删除该类。
//“输入”将在用户每次键入时激发
addEventListener（'input'，function（）{
if（input.validity.valid）{
input.classList.remove（invalidClassName）
}
})
})

此链接将帮助您理解

---

为什么不依赖html5验证和CSS

：invalid

？这是什么意思？你能帮我理解你的问题吗。也许我错过了什么

input:invalid {
   border-color: red;
}