js实现表单全选反选

html部分：

			<table>
				<thead>
					<th>
					<td><input type="checkbox" id="checkAll"></td>
					<td>商品</td>
					<td>价钱</td>
					</th>
				</thead>
				<tbody id="tb">
					<tr>
						<td><input type="checkbox" name="" id=""></td>
						<td>iphone</td>
						<td>7999</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id=""></td>
						<td>华为</td>
						<td>4999</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id=""></td>
						<td>三星</td>
						<td>2999</td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id=""></td>
						<td>荣耀</td>
						<td>3999</td>
					</tr>
				</tbody>
			</table>

js部分：

			var checkAll = document.getElementById('checkAll');
			var tbs = document.getElementById('tb').getElementsByTagName('input');
			checkAll.onclick = function() {
				for (var i = 0; i < tbs.length; i++) {
					tbs[i].checked = this.checked;
				}
			}
			for (var i = 0; i < tbs.length; i++) {
				tbs[i].onclick = function() {
					var flag = true;
					for (var i = 0; i < tbs.length; i++) {
						if (!tbs[i].checked) {
							flag = false;
						}
					}
					checkAll.checked = flag
				}
			}