HTML中想在填写数量的输入框加上加减号应该怎么写

加号和减号其实是一个触发按钮事件，写一个加function点加号的时候获取输入框中的值+1，写一个减function点减号的时候获取输入框中的值-1。

附加代码如下，你试试

<input id="min" name="" type="button" value="-" />

<input id="text_box" name="goodnum" type="text" value="${item.value.quantity }" style="width:25px" />

<input id="add" name="" type="button" value="+" /></td>

<script>

$(function(){

var t = $("#text_box")

$("#add").click(function(){

t.val(parseInt(t.val())+1)

setTotal()

})

$("#min").click(function(){

t.val(parseInt(t.val())-1)

setTotal()

})

function setTotal(){

var tt = $("#text_box").val()

var pbinfoid=$("#pbinfoid").val()

if(tt<=0){

alert('输入的值错误！')

t.val(parseInt(t.val())+1)

}else{

window.location.href = "shopping!updateMyCart.action?pbinfoid="+pbinfoid+"&number="+tt

}

}

})

</script>

//减号添加onclick事件 onclick=subNum()

//显示数字的ID为 num

//加号添加onclick事件 onclick=addNum()

<script>

function subNum(){

document.getElementById("num").value=document.getElementById("num").value-1

}

function addNum(){

document.getElementById("num").value=document.getElementById("num").value+1

}

</script>

下面讲解html5如何设定input对所输入的数字限定。

1、首先新建一个html网页文件，把他命名为test.html，接下来用test.html文件来讲解html5如何设定input对所输入的数字限定。

2、在test.html文件内，需要创建一个表单<form action="" method="get"></form>。

3、给在表单内，加入一个Input，类型为number。<input type="number" name="test" min="1" max="10" />，意思是最小是1，最大是10。

4、最后在浏览器浏览一下test.html，来看看效果能否实现。需要用鼠标点中表单Submit按钮，就完成了 。

---