js动态生成表格

最新推荐文章于 2022-04-18 19:17:48 发布

iteye_10144

最新推荐文章于 2022-04-18 19:17:48 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_10144/article/details/81892601

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

用js动态生成表格排列 checkbox 将该段代码放入body中查看效果


<div id = "a">

</div>

<script type="text/javascript">

            var checkboxx = new Array("123p0","12d304","FFFE","AFSA","DAPddddD","FALKaa","HALF","HJKL","FASaadfaL","FASW","FAfsSW","WEEA","FEW0A","0","bd","cda");

            //alert(checkboxx.length);
            createCheckBox();
            function createCheckBox(){
                var div = document.getElementById("a");
                var str = '';
                if(checkboxx.length>0){

                    str = "<table><tr>"

                    for(var i=0;i<checkboxx.length;i++){

                        str += "<td><input type='checkbox' value='"+checkboxx[i]+"'/>"+checkboxx[i]+"</td>";
                        if((i+1)%5==0){
                            str += "</tr><tr>";
                        }
                    }
                    str += "</tr></table>";

                }
                //alert(div);
                //alert(str);

                div.innerHTML=str;


            }
</script>