首先看布局:
需要实现的功能:点击右边+的时候文本框中数量+1,点击左边-的时候文本框中数量-1,当减到0的时候就不能再减了,以免显示负数。
实现思路:
1.需要声明一个变量,这个变量的值为文本框中的值,作为初始值,点击+就让这个值++,点击-就让这个值--,然后赋值给文本框。
2.注意1:只能增加本商品的数量,原因是因为如果不止上面一个模块,而是很多个这个模块获取文本框中的值可能会获取到其他模块中文本框的值,所以取的值是当前+(-)号的兄弟文本框(itxt)的值。
3.修改表单的值是采用val()方法。
完整代码如下(如有不懂的地方请看代码注释):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src=