全选与反选
具体要求如下:
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