怎么设置可以使数字加减的数字选择器

$(function(){
    $("#text_box").val(1);
    $("#add11").click(function(){       
       t.val(parseInt(t.val())+1);
       setTotal();
   })
   $("#min11").click(function(){
       t.val(parseInt(t.val())-1);
       setTotal();
   })

    var t = $("#text_box");

               function setTotal(){
    var tt = $("#text_box").val();
       if(tt<0){
           $("#min11").css("background-image","url(<%=basePath%>img/ico_minus_min.png)");
        t.val(parseInt(t.val())+1);
       } 
       if(tt<1){
           $("#min11").css("background-image","url(<%=basePath%>img/ico_minus_min.png)");
       }else {
           $("#min11").css("background-image","url(<%=basePath%>img/ico_minus.png)");
       }
   }
        });

<tr style="height:165px;">
<th style = "padding:30px 0 30px 30px;">拜访人数</th>
<td>
<div class="radioss" >
<span id = "visit"><input id="min11" type="button" value="" style="background-size:100% 100%; "  /></span>
<span id = "visit"><input id="text_box" name="recordAppointment.visitorCount" type="text" value="${item.value.quantity }" cmps="@{visitorCount}" style="height:60px;width:100px;border:none;margin-left:-25%; text-align:center;font-size:42px;"/></span>
<span id = "visit"><input id="add11" type="button" value="" style=" background-size:100% 100%; " /></span>
</div>
</td>
</tr>