学习来源:https://www.bilibili.com/video/BV1HJ41147DG
思路
1.首先声明一个变量,当我们点击+号(increment),就让这个值++,然后赋值给文本框。
2.注意1:只能增加本商品的数量, 就是当前+号的兄弟文本框(itxt)的值。
3.修改表单的值是val()方法
4.注意2:这个变量初始值应该是这个文本框的值,在这个值的基础上++。要获取表单的值
5.减号(decrement)思路同理,但是如果文本框的值是1,就不能再减了。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>模拟购物车案例</title>
<script src="../jquery.min.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
table {
border: 1px solid #e7e7e7;
border-right: none;
border-collapse: collapse;
}
th,
td {
text-align: center;
padding: 8px 20px;
border-bottom: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
}
th {
color: #fff;
background-color: deepskyblue;
}
input[type=checkbox] {
cursor: pointer;
}
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #e33333;
}
.decrement,