点击加号后下边多一个input，点击减号后少一个input - JavaScript论坛

编程论坛 → WEB开发 → 『 JavaScript论坛』 → 点击加号后下边多一个input，点击减号后少一个input

标题：点击加号后下边多一个input，点击减号后少一个input

只看楼主

kerwinz

等　级：新手上路
帖　子：1
专家分：0
注　册：2016-2-20

楼主

问题点数：0 回复次数：3

点击加号后下边多一个input，点击减号后少一个input

我是初学者
我有一个思路就是用循环来做
var a=0;
$("#加号的id").click(function(){a+=1;});
for(var i = 0;i<a;i++)
{
document.write("<input type='text'><br>");
}
但是a最开始定义是0，点击之后不会影响a的增加吧？这个我还没有试。
然后是减的话，需要点击减号，那怎么减去一个input呢？
各位有什么更简单的方法么，指导一下，或者思路也可以。

搜索更多相关主题的帖子: function　

2016-02-20 15:12

AlexXu

等　级：新手上路
帖　子：23
专家分：0
注　册：2012-9-27

第 2 楼

得分:0

可以使用jq

程序代码：

//绑定加号点击事件
$('addselector').click(function()

 $(selector).append('<input type="text"/>');
})
//绑定减号点击事件
$('minselector').click(function(){
//获取所有input数量
if($('input').length>0){
//移除最后用一个
$('input:last').remove();
}
})

2016-03-03 23:55

leeqihero

等　级：论坛游侠
威　望：7
帖　子：122
专家分：135
注　册：2016-3-24

第 3 楼

得分:0

2016-03-25 17:10

leeqihero

等　级：论坛游侠
威　望：7
帖　子：122
专家分：135
注　册：2016-3-24

第 4 楼

得分:0

程序代码：

<html>
<head>
<META http-equiv=Content-Type content="charset=utf-8">
<script>
var 文本框计数=0;
function 增加()
{
    文本框计数++;
    显示();
}
function 减少()
{
    文本框计数--;
    显示();
}
function 显示()
{
    var 显示="";
    if(文本框计数==0)
    {
        显示+='<input type="button" onclick="增加()" value="+">';
    }
    else
    {
        显示+='<input type="button" onclick="增加()" value="+">';
        显示+='<input type="button" onclick="减少()" value="-">';
    }
    显示+='<br />';
    for(var i=0;i<文本框计数;i++)
    {
        显示+='<input type="text"><br />';
    }
    document.getElementById("显示").innerHTML=显示;
}
</script>
<head>
<body>
<p id="显示">
<input type="button" onclick="增加()" value="+">
</p>
</body>
</html>

2016-03-25 17:10

参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-461821-1-1.html