js表单的基本操作

//循环查看tbody里面的所有checkbox元素，只要有一个是没选中的，那么就非全选，否则就是全选
for ( var i=0; i<checkBoxes.length; i++ ) {
if ( !checkBoxes[i].checked ) {
checkAll.checked = false;
return;
}
}

                    //如果代码能走到这里来，就说明上面的循环过程中，所有的checkbox都是选中的
                    checkAll.checked = true;
                }

            }
            td6.appendChild(btn2);

            tr.appendChild(td6);

            //给每一行添加鼠标移入移出的事件处理函数
            //鼠标移入
            tr.onmouseover = function() {
                //鼠标移入的时候也需要根据当前tr里面的checkbox的状态去设置tr的class
                if (checkbox.checked) {
                    this.className = 'c4';
                } else {
                    this.className = 'c3';
                }
            }
            //鼠标移出
            tr.onmouseout = function() {
                //当鼠标离开tr的时候，需要根据当前tr里面的checkbox的状态去设置当前tr的class
                if (checkbox.checked) {
                    //如果当前tr里面的checkbox是选中的，那么离开tr以后，这个tr的class应该还是c4
                    this.className = 'c4';
                } else {
                    //如果当前tr里面的checkbox不是选中的，那么离开这个tr以后，应该回到当前tr最开始class
                    this.className = this.oldColor;
                }
            }

            tbody.appendChild(tr);
        }

       
       
    }
</script>

请选择一个性别 男 女

全选	编号	姓名	性别	年龄	学校	操作

表单样式