5个回答
展开全部
加号和减号其实是一个触发按钮事件，写一个加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>
附加代码如下，你试试
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{
margin: 0;
padding: 0;
outline: 0 none;
}
.add-plus-input{
white-space: nowrap;
}
.add-plus-input .btn,
.add-plus-input .num{
height: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.add-plus-input .num{
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 0;
border-right: 0;
width: 50px
}
.add-plus-input .btn{
border: 1px solid #999;
background-color: #F4F4F4;
display: inline-block;
text-decoration: none;
width: 20px;
}
</style>
</head>
<body>
<div class="add-plus-input">
<a href="javascript:;" class="add btn">+</a><input type="text" class="num" value="0" /><a href="javascript:;" class="plus btn">-</a>
</div>
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".add-plus-input .add").click(function() {
var $num = $(this).next(".num");
var number = $num.attr("value");
$num.attr("value",parseInt(number) + 1);
});
$(".add-plus-input .plus").click(function() {
var $num = $(this).prev(".num");
var number = $num.attr("value");
$num.attr("value",parseInt(number) - 1);
});
})
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{
margin: 0;
padding: 0;
outline: 0 none;
}
.add-plus-input{
white-space: nowrap;
}
.add-plus-input .btn,
.add-plus-input .num{
height: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.add-plus-input .num{
border-top: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 0;
border-right: 0;
width: 50px
}
.add-plus-input .btn{
border: 1px solid #999;
background-color: #F4F4F4;
display: inline-block;
text-decoration: none;
width: 20px;
}
</style>
</head>
<body>
<div class="add-plus-input">
<a href="javascript:;" class="add btn">+</a><input type="text" class="num" value="0" /><a href="javascript:;" class="plus btn">-</a>
</div>
<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".add-plus-input .add").click(function() {
var $num = $(this).next(".num");
var number = $num.attr("value");
$num.attr("value",parseInt(number) + 1);
});
$(".add-plus-input .plus").click(function() {
var $num = $(this).prev(".num");
var number = $num.attr("value");
$num.attr("value",parseInt(number) - 1);
});
})
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
比较基础的办法
<input type="button" id="min" value="-" onclick="aa()"/>
<input type="text" id="num" value="1">
<input type="button" id="add" value="+" onclick="bb()"/>
function aa(){
var a=document.getElementById("num").value;
if(a>0){
document.getElementById("num").value=a-1;
}
else{
alert("！！！")
}
}
function bb(){
var a=document.getElementById("num").value;
document.getElementById("num").value=parseInt(a)+1;
}
<input type="button" id="min" value="-" onclick="aa()"/>
<input type="text" id="num" value="1">
<input type="button" id="add" value="+" onclick="bb()"/>
function aa(){
var a=document.getElementById("num").value;
if(a>0){
document.getElementById("num").value=a-1;
}
else{
alert("！！！")
}
}
function bb(){
var a=document.getElementById("num").value;
document.getElementById("num").value=parseInt(a)+1;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
就是一个翻页效果，可以用PHP实现，我给你找一个，
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
