动态表格-JavaScript
< ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 表格全选 < / title > < style > table { border : 1 px solid ; width : 500 px ; margin - left : 30 % ; } td , th { text - align : center ; border : 1 px solid ; } div { margin - top : 10 px ; margin - left : 30 % ; } . out { background - color : white ; } . over { background - color : pink ; } < / style > < script > /* 分析: 1.全选: * 获取所有的checkbox * 遍历cb,设置每一个cb的状态为选中 checked */ //1.在页面加载完后绑定事件 window . onload = function ( ) { //2.给全选按钮绑定单击事件 document . getElementById ( "selectAll" ) . onclick = function ( ) { //全选 /