Html 优化单选按钮时，大量收集

我收集了大量单选按钮（+400…），问题是在Microsoft EDGE中，当选择单选按钮时，需要很长时间（+15秒）才能选择它

经过测试，我了解到当存在太多同名单选按钮时会出现问题

有可能优化它吗？或者有可能改变什么吗

---

谢谢您的帮助。

我建议使用虚拟滚动。这意味着您的浏览器始终显示（例如）20个单选按钮，其他（380多个项目）将在内存中。滚动后，将呈现其他元素，并隐藏其他元素

Have a look here --> https://jsfiddle.net/eu81273/WKJ5z/

---

谢谢你的这种方法。唯一的问题是，当你选择一个选项时，向下滚动然后再向上滚动，所选的选项不再存在。是的，对。这意味着您应该将所选状态保存在内存中。例如：1）您选择了某个值；2） 然后向下滚动到页面底部；3） 此页面的DOM中不存在输入，但内存中存在输入。你可以从内存中使用这个值。