你可以在没有JavaScript的情况下在HTML中实现"全选"复选框吗?

And*_*tin 3 html checkbox

我正在寻找一种干净的方式来实现臭名昭着的"全选"复选框,但我更喜欢无JavaScript的解决方案.有谁知道有没有办法做到这一点?

先感谢您

Mat*_*ens 5

虽然可以在不使用JavaScript的情况下实现此功能的一部分,但我不建议使用它,因为它在旧版浏览器中不起作用.

您可以使用CSS3 :target伪类<form>在标记中的不同s 之间切换.演示:http://jsfiddle.net/mathias/kFH3e/

正如你所看到的,它并没有真正"切换"复选框,只是形式; 如果您已经检查了其中一个表格中的某些方框,则在来回切换后仍会检查它们.

这是使用JavaScript完全可以接受的情况之一,因为"select all/none"按钮仅增强UI; 没有它们,它仍然是一种可接受的体验.

TL; DR在这种情况下可以使用JavaScript.