纯JS实现多个checkbox一键全选/全不选（其实主体是第一次参加面试的体会与吐槽 _(:з」∠)_ ）

今天第一次去面试，被面试官给教育了。

他让我写个checkbox一键全选的功能。

说实话，我没用过checkbox，当初在W3C上面学HTML标签的时候我基本上只看了个大概，了解了下常用标签的语义，而<input>我也只记住了text，password，submit这几个常用的type类型，具体的其他属性就更别提了（别学我，该记得还是要记），所以被问到checkbox的时候我当时就有点楞，都还没反应过来checkbox是什么。于是我很傻的问了下大佬checkbox是干啥的，结果也被大佬还以看傻子的眼神，告知了这是最常用复选框，可以在后面打勾的那种，更具体的他也没说。

听完很是羞愧，也不好意思多问。我当时隐约记得radio对象是用来表示单选按钮的，那checkbox估计跟radio也差不多，所以我就写了几个input标签：

<input type="checkbox" class="cb">
<input type="checkbox" class="cb">
<input type="checkbox" class="cb">
<button id="btn">全选</button>

接下来，如何实现全选功能呢？当checkbox被点击选中时，会改变什么属性来表示它是选中状态呢？我根据radio推测checkbox应该也是由checked属性表示是否选中，所以我决定遍历每个checkbox，当他没有checked或者