JavaScript简单实现全选反选框

逃离我推掉我的手 2022-05-28 03:42 185阅读 0赞

##### 偷个懒~ 样式就不写了，直接上HTML #####

<table>
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" id="allOrNot">
                    </th>
                    <th>菜名</th>
                    <th>饭店</th>
                </tr>
            </thead>    
    
            <tbody id="tbody">
                <tr>
                <td>
                    <input type="checkbox">
                </td>
                <td>西红柿鸡蛋</td>
                <td>土豆丝</td>
            </tr>
    
            <tr>
                <td>
                    <input type="checkbox">
                </td>
                <td>西红柿鸡蛋</td>
                <td>土豆丝</td>
            </tr>
    
            <tr>
                <td>
                    <input type="checkbox">
                </td>
                <td>西红柿鸡蛋</td>
                <td>土豆丝</td>
            </tr>
    
            <tr>
                <td>
                    <input type="checkbox">
                </td>
                <td>西红柿鸡蛋</td>
                <td>土豆丝</td>
            </tr>
    
            <tr>
                <td>
                    <input type="checkbox">
                </td>
                <td>西红柿鸡蛋</td>
                <td>土豆丝</td>
            </tr>
            </tbody>
        </table>

##### script #####

![这里写图片描述][70]

[70]: /images/20220528/b6cbb17e1de84a97abbe8e2a81a17c49.png