jquery里面每点击一次按钮文本框里面的值就减1
时间: 2023-12-03 16:43:41 浏览: 70
Jquery 正则表达式验证多个文本框.txt
可以通过以下方式实现:
HTML代码:
```html
<input type="text" id="myInput" value="10">
<button id="myButton">减1</button>
```
jQuery代码:
```javascript
$(document).ready(function() {
$("#myButton").click(function() {
var currentValue = parseInt($("#myInput").val()); // 获取文本框当前值并转换为数字
if (!isNaN(currentValue)) { // 确保当前值是一个数字
$("#myInput").val(currentValue - 1); // 将文本框的值减1并更新
}
});
});
```
每次点击按钮时,jQuery会获取文本框的当前值并将其转换为数字,然后将其减1并更新文本框的值。注意要确保当前值是一个数字,避免出现非数字字符串导致的错误。
阅读全文