全选与反选

全选与反选

具体要求如下：

1）根据数据创建表格；
2）表格在页面中距离上面100像素、水平居中并且其每行内的内容也居中,单元格的高度是：40像素；
3）创建反选按钮并放入表格的下方，按钮的大小为宽：100像素，高：50像素;
4）点击全选按钮则每一项都要选中，如果其中的一项没有选中则全选按钮没有选中
5）点击反选按钮实现反选的功能

<div class="box">
        <table>
            <thead>
                <tr>
                    <th><input type="checkbox" id="checkall"></th>
                    <th>商品</th>
                    <th>价格</th>
                </tr>
            </thead>
            <tbody id="tbd">
                <tr>
                    <td><input type="checkbox"></td>
                    <td>iphone12</td>
                    <td>8000