使用jq实现input的加减数量,要有加号和减号
时间: 2024-03-05 10:53:19 浏览: 18
可以使用以下代码实现:
```html
<input type="number" value="1" min="1" max="10" id="quantity">
<button id="add">+</button>
<button id="minus">-</button>
```
```javascript
$(document).ready(function() {
$('#add').click(function() {
var quantity = parseInt($('#quantity').val());
if (quantity < 10) {
$('#quantity').val(quantity + 1);
}
});
$('#minus').click(function() {
var quantity = parseInt($('#quantity').val());
if (quantity > 1) {
$('#quantity').val(quantity - 1);
}
});
});
```
这里使用了jQuery库来实现对按钮的监听和操作输入框的值。首先,在HTML中定义了一个数字输入框和两个按钮(加号和减号),并分别赋予了id属性。然后,在JavaScript中,使用jQuery的$(document).ready()方法来监听页面加载完成事件,接着使用click()方法来监听按钮的点击事件。在事件处理函数中,使用parseInt()方法将输入框的值转换为整数,并进行加减操作。需要注意的是,为了避免数量超出范围,还对输入框的最小值和最大值进行了限制。