javascript点击按钮，增加文本框和按钮

最新推荐文章于 2023-10-06 22:03:30 发布

tt010175

最新推荐文章于 2023-10-06 22:03:30 发布

阅读量1w

点赞数 1

分类专栏： js 文章标签： javascript css js 网页

本文链接：https://blog.csdn.net/tt010175/article/details/78193357

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
    var count = 1;

    //用来判断是删除 还是增加按钮 以便count值进行计算
    function checkCount(boolOK, coun) {
       if (boolOK == true) {
            return count++;
        }
       else {
        count--;
     }
    }
    //添加一个input标签 同时也对它的ID和Name进行赋值。
    function AddInput() {
    countAA = checkCount(true, count);
       var question = document.getElementById("question");
      //创建input
        var input = document.createElement("input");
        input.type = "text";
        input.id = "questions[" + count + "]";
        input.name = "questions[" + count + "].name";
        question.appendChild(input);                                     //向元素增加子节点 最为最后一个子节点


        var input = document.createElement("input");
        input.type = "button";
        input.id = "questions[" + count + "]";
        input.name = "questions[" + count + "].name";
        input.value="按钮";

        question.appendChild(input);

        //创建一个空格
        var br = document.createElement("br");
        question.appendChild(br);
    }

</script>

<body οnmοusemοve="initEvent()">
<div style="width: 500px; margin-left: 200px;">
    <div id="question" style="border: 1px solid yellow;">
        <input id="Text1" type="text" /><input id="btnAddInput" type="button" value="新增一个Input" οnclick="AddInput()" /><br />
    </div>
</div>
</body>

tt010175

关注

1
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
javascript点击按钮，增加文本框和按钮

script type="text/javascript"> var count = 1; //用来判断是删除还是增加按钮以便count值进行计算 function checkCount(boolOK, coun) { if (boolOK == true) { return count++; } e
复制链接

扫一扫