页面里有一个增加按钮,一个减少按钮和一个text框。
当点击一下“增加”按钮时,text框里的值增加一次"1,",连续点击3次就会是"1,1,1"
当点击一下“减少”按钮时,text框里值就减少一次“1”,如“1,1”
如何用javascript?谢谢!
当点击一下“增加”按钮时,text框里的值增加一次"1,",连续点击3次就会是"1,1,1"
当点击一下“减少”按钮时,text框里值就减少一次“1”,如“1,1”
如何用javascript?谢谢!
<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>
<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(",");
}