简单的点菜（复选框）---原生js

最新推荐文章于 2023-03-06 14:41:37 发布

前端夕夕

最新推荐文章于 2023-03-06 14:41:37 发布

阅读量376

点赞数

文章标签： js checkbox

本文链接：https://blog.csdn.net/weixin_41865901/article/details/110956580

版权

这篇博客介绍了如何用JavaScript实现点击头部全选或取消所有复选框的功能。通过监听每个复选框的点击事件，检查是否所有选项都被选中，从而更新全局标志flag的状态。

摘要由CSDN通过智能技术生成

在这里插入图片描述
实现效果：点击头部，全选或全部取消
下面4个全点击，头部也点击

<div class="wrap">
        <table>
          <thead>
          <tr>
            <th>
              <input type="checkbox" id="allcheck""/>
            </th>
            <th>菜名</th>
            <th>饭店</th>
          </tr>
          </thead>
          <tbody id="onecheck">
          <tr>
            <<