帮我写一个js代码,用4个相同的div,要求点击id为cc_sub减少id为gnum c_pt的value值1,点击cc_add增加id为gnum c_pt的值1
时间: 2024-02-13 08:01:45 浏览: 22
好的,下面是代码实现:
```html
<!-- HTML结构 -->
<div class="container">
<button id="cc_sub">-</button>
<div class="gnum c_pt">0</div>
<button id="cc_add">+</button>
</div>
<div class="container">
<button id="cc_sub">-</button>
<div class="gnum c_pt">0</div>
<button id="cc_add">+</button>
</div>
<div class="container">
<button id="cc_sub">-</button>
<div class="gnum c_pt">0</div>
<button id="cc_add">+</button>
</div>
<div class="container">
<button id="cc_sub">-</button>
<div class="gnum c_pt">0</div>
<button id="cc_add">+</button>
</div>
```
```javascript
// JS代码
const btnSubs = document.querySelectorAll('#cc_sub');
const btnAdds = document.querySelectorAll('#cc_add');
btnSubs.forEach((btnSub, index) => {
const num = document.querySelectorAll('.gnum.c_pt')[index];
btnSub.addEventListener('click', () => {
if (num.innerText > 0) {
num.innerText--;
}
});
});
btnAdds.forEach((btnAdd, index) => {
const num = document.querySelectorAll('.gnum.c_pt')[index];
btnAdd.addEventListener('click', () => {
num.innerText++;
});
});
```
这样就可以实现4个相同的div,点击对应的加减按钮,操作对应的value值了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
-
- 潮影森美 全硅胶性感甜心胶实体娃娃 159cm 169普通款 - <input type="number" id="gnum" data-id="71790817" class="gnum c_pt" min="1" value="7"> + ¥15200.00 删除
帮我做一个js代码,我点击dl标签class为car car_on时候点一次将他class属性设置为car,再次点击时恢复为car car_on,并判断如果class为car car_on时,将data-id和input的value值用post传值到t.php页面并回调显示在一个id为count的em标签里面,请写出完整的js代码和PHP代码
![](https://s.cccgx.com/t/200x200/images/qu/18976/gallery/m20211019094313_99448.jpg)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
-
- 潮影森美 全硅胶性感甜心胶实体娃娃 159cm 169普通款 - <input type="number" id="gnum" data-id="71790817" class="gnum c_pt" min="1" value="7"/> + ¥15200.00 删除
>帮我做一个js代码,我点击dl标签class为car时候点一次将他class属性设置为car car_on,再次点击时恢复为car,并加上判断如果dl的class为car car_on时,将data-id和input的value值用post传值到t.php页面并回调显示在一个id为c_gprice的em标签里面,把t.php的代码也写出了
![](https://s.cccgx.com/t/200x200/images/qu/18976/gallery/m20211019094313_99448.jpg)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)