码迷,mamicode.com
首页 > Web开发 > 详细

用JS添加文本框案例代码

时间:2016-04-14 01:22:58      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用JS添加文本框案例代码</title>
</head>

<body>
    <form id="t">
        <table id="table">
        <tr></td><input type="text" value="1" /></td></tr>
        <table>
        <input type="button" id="btn" value="提交" />
        <input type="button" id="new" value="新增" />
    </form>
    <script>
        document.getElementById(new).onclick = function(){
            var input = document.createElement(input);
            var tr = document.createElement(tr);
            var td = document.createElement(td);
            td.appendChild(input);
            tr.appendChild(td);
            document.getElementById(table).appendChild(tr);
        };
        document.getElementById(btn).onclick = function(){
            var inps = document.getElementsByTagName(input),
            len = inps.length,count = 0,arr = [];

            for(var i = 0; i < len; i++){
                if(inps[i].type == text){
                    arr.push(inps[i]);
                }
            }

            for(var i = 0; i < arr.length; i++){
                if(inps[i].value != ‘‘){
                    count++;
                }else{
                    count--;
                }
            }

            if(count == arr.length){
                alert(提交)
                document.getElementById(t).submit();
            }else{
                alert(有空值)
            }
        };
    </script>
</body>
</html>

 

用JS添加文本框案例代码

标签:

原文地址:http://www.cnblogs.com/qingsong/p/5389487.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!