表格隔行换色/复选框的全选和全不选

最新推荐文章于 2024-10-04 06:11:34 发布

liyong0829

最新推荐文章于 2024-10-04 06:11:34 发布

阅读量83

点赞数

分类专栏： html5 文章标签： html

本文链接：https://blog.csdn.net/weixin_53589418/article/details/112170183

版权

html5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

表格隔行换色

	<title>表格隔行换色</title>
		<script>
			window.onload=function () {
                var tbEle= document.getElementById("tb1");
                var len = tbEle.rows.length;
                for(var i=0;i<len;i++){
                    if(i%2==0){
                        tbEle.rows[i].style.backgroundColor="blue";
					}else{
                        tbEle.rows[i].style.backgroundColor="gold";
					}
				}
            }
		</script>

复选框的全选和全不选

 <script>
        function checkAll() {
            var flag = document.getElementById("checkAll").checked;
            if (flag) {
                var checkOnes = document.getElementsByName("checkOne");
                for (var i = 0; i < checkOnes.length; i++) {
                    checkOnes[i].checked = true;
                }
            } else {
                var checkOnes = document.getElementsByName("checkOne");
                for (var i = 0; i < checkOnes.length; i++) {
                    checkOnes[i].checked = false;
                }
            }
        }
    </script>