Javascript 以编程方式选中所有复选框（使用CSS3:：before和：：after）

我正在使用CSS模板并尝试绘制具有以下结构的表：

<tbody>
    <tr role="row" class="odd">
    <td>
    <div class="checkbox">
       <input type="checkbox" id="checkbox1" value="check">
       <label for="checkbox1"></label>
    </div>
    </td>
    <td><a id="link" href="detail.jsp">2018-06-14 17:41</a></td>
    </tr>
    <tr class="unread even" role="row">
    <td>
    <div class="checkbox">
      <input type="checkbox" id="checkbox0" value="check">
      <label for="checkbox0"></label>
    </div></td>
    <td><a id="link" href="detail.jsp">2018-06-14 07:57</a></td>
    </tr>
</tbody>

---

我想在Javascript中以编程方式选中所有复选框，你知道我该怎么做吗？

我想在Javascript中以编程方式选中所有复选框

如果要使所有复选框都“选中”，则可以使用：

让cbox=document.querySelectorAll（“输入[type='checkbox']”）；
对于（var i=0；i
，我希望在Javascript中以编程方式选中所有复选框

如果要使所有复选框都“选中”，则可以使用：


让cbox=document.querySelectorAll（“输入[type='checkbox']”）；
对于（var i=0；看，select指的是“选中”，所以您回答了我的问题，我无法选中（select/unselect）那些输入类型是通过编程实现的…@tiamat我更改了我的答案，这样你就可以选中所有的复选框。但是你的意思是什么
select/unselect
。你想什么时候选中它们，什么时候不选中。在什么情况下你想选中一个复选框？给我更多的细节。我只想在我的界面上添加一个图标来全选/取消全选l在我的表格中，您的更新答案运行良好；-）Ok:）。只需将代码放入selectAll按钮OK的
点击
功能中，选择我的意思是“选中”，因此您回答了我的问题，我无法以编程方式检查（选择/取消选择）这些输入类型…@tiamat我更改了我的答案，以便您可以检查所有复选框。但是你是什么意思
select/unselect
。您希望何时检查，何时不检查。在哪种情况下要选中复选框？请提供更多详细信息。我只想在我的界面上添加一个图标来选择/取消选择我表格中的所有行，您的更新答案运行良好；-）好的：）。只需将该代码放入selectAll按钮的
功能中
[type=checkbox]:checked,[type=checkbox]:not(:checked){...
[type=checkbox]+label:before,[type=checkbox]:not(.filled-in)+label:after{...
[type=checkbox]:not(.filled-in)+label:after{...
[type=checkbox]:not(:checked):disabled+label:before{...
[type=checkbox].tabbed:focus+label:after{...
[type=checkbox]:checked+label:before{...
[type=checkbox]:checked:disabled+label:before{...