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

#2

AlexXu2016-03-03 23:55

可以使用jq

程序代码：

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

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

#3

leeqihero2016-03-25 17:10

#4

leeqihero2016-03-25 17:10

程序代码：

<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>