<分区>
标签 javascript jquery html css
<分区>
正如您在我的示例中所见，我的输入文本有 .minus 和 .plus 类。因此，当我单击加号时，我想将数字值添加到顶部，如果我单击减号，我想从零开始添加(对不起，我的英语不好)
我的意思是我的最小值必须是:0，我的最大值必须是:unlimited 或 50 或 500
我该怎么做？
.count-box {
margin: 30px;
}
.count-box i {
font-size: 32px;
cursor: pointer;
font-weight: bold;
vertical-align: middle;
}
input[type="text"] {
text-align: center;
width: 30px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="count-box">
<h3>ADULT</h3>
<i class="plus">+</i>
<input type="text" value="1">
<i class="minus">-</i>
</div>
<div class="count-box">
<h3>CHILDREN</h3>
<i class="plus">+</i>
<input type="text">
<i class="minus">-</i>
</div>
<div class="count-box">
<h3>BABY</h3>
<i class="plus">+</i>
<input type="text">
<i class="minus">-</i>
</div>
<div class="total-box">
<h1>TOTAL:</h1> <span class="total-count"></span>
</div>最佳答案
检查下面更新的代码段..
$(function(){
updateTotal();
$('.plus').click(function(){
$(this).siblings('input').val(parseInt($(this).siblings('input').val())+1);
updateTotal();
})
$('.minus').click(function(){
$(this).siblings('input').val(parseInt($(this).siblings('input').val())-1);
updateTotal();
})
})
function updateTotal(){
var total = 0;
$('input').each(function(){
total += parseInt($(this).val());
})
$('.total-count').html(total);
}.count-box {
margin: 30px;
}
.count-box i {
font-size: 32px;
cursor: pointer;
font-weight: bold;
vertical-align: middle;
}
input[type="text"] {
text-align: center;
width: 30px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="count-box">
<h3>ADULT</h3>
<i class="plus">+</i>
<input type="text" value="1" min="0">
<i class="minus">-</i>
</div>
<div class="count-box">
<h3>CHILDREN</h3>
<i class="plus">+</i>
<input type="text" min="0" value="0">
<i class="minus">-</i>
</div>
<div class="count-box">
<h3>BABY</h3>
<i class="plus">+</i>
<input type="text" min="0" value="0">
<i class="minus">-</i>
</div>
<div class="total-box">
<h1>TOTAL:</h1> <span class="total-count"></span>
</div>关于javascript - 如何用js/jquery从下数到上数？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45142668/