页面里有一个增加按钮,一个减少按钮和一个text框。
当点击一下“增加”按钮时,text框里的值增加一次"1,",连续点击3次就会是"1,1,1"
当点击一下“减少”按钮时,text框里值就减少一次“1”,如“1,1”
如何用javascript?谢谢!

解决方案 »

  1.   

    <input type=text value="" id=t1>
    <input type=button value=add onclick=add()>
    <input type=button value=del onclick=del()>
    <script>
    function add(){
    var t = document.getElementById("t1");
    if(t.value=="")
    {
    t.value="1";
    }
    else
    {
    t.value=t.value+",1";
    }
    }
    function del(){
    var t = document.getElementById("t1");
    if(t.value==""){
    return;
    }else if(t.value.length==1){
    t.value="";
    }else{
    t.value = t.value.substring(0,t.value.length-2);
    }
    }
    </script>
      

  2.   


    <input type="text" id="test" />
    <input type="button" value="增" onclick="change('add');" />
    <input type="button" value="减" onclick="change('sub');" />function change(kind){
    var test = document.getElementById("test").value;
    var arr = test.split(",");
    if (arr[0] == ""){
    arr = new Array();
    }
    switch (kind){
    case "add":
    arr.push(1);
    break;
    case "sub":
    arr.pop();
    break;
    }
    document.getElementById("test").value = arr.join(",");
    }