jquery - 输入自动增加/减少?
问题描述
我有几个输入,1 的标准值为 4。当我在 INPUT B 上添加 +1 时,我想做的是在 INPUT A 上做 -1。
像 这样(我想复制的):https ://gyazo.com/d0f289092a90c0976a4db61f90b5de7a
我的输入(只有 3 个):
<div class="modal-body">
<div class="row">
<div class="col-md-4">
<figure class="card card-product">
<center><div class="img-wrap"><img src="SCHUTTING/schutting1.jpg" width="50%" length="50%"></div></center>
<figcaption class="info-wrap">
<center><h4 class="title">Scherm (17 planks) 16 mm - Grenen</h4></center>
</figcaption>
<div class="bottom-wrap">
<div class="input-group input-number-group">
<div class="input-group-button">
<span class="input-number-decrement">-</span>
</div>
<input class="input-number" max="10" min="0" value="4">
<div class="input-group-button">
<span class="input-number-increment">+</span>
</div>
</div>
<div class="price-wrap h5">
<center><span class="price-new">$1280</span></center>
</div> <!-- price-wrap.// -->
</div> <!-- bottom-wrap.// -->
</figure>
</div> <!-- col // -->
<div class="col-md-4">
<figure class="card card-product">
<center><div class="img-wrap"><img src="SCHUTTING/scherm2.jpg" width="50%" length="50%"></div></center>
<figcaption class="info-wrap">
<center><h4 class="title">Schuin scherm links (17 planks) 16 mm</h4></center>
</figcaption>
<div class="bottom-wrap">
<div class="input-group input-number-group">
<div class="input-group-button">
<span class="input-number-decrement">-</span>
</div>
<input class="input-number" max="10" min="0" value="0">
<div class="input-group-button">
<span class="input-number-increment">+</span>
</div>
</div>
<div class="price-wrap h5">
<center><span class="price-new">$1280</span></center>
</div> <!-- price-wrap.// -->
</div> <!-- bottom-wrap.// -->
</figure>
</div> <!-- col // -->
<div class="col-md-4">
<figure class="card card-product">
<center><div class="img-wrap"><img src="SCHUTTING/scherm3.jpg" width="50%" length="50%"></div></center>
<figcaption class="info-wrap">
<center><h4 class="title">Schuin scherm rechts (17 planks) 16 mm</h4></center>
</figcaption>
<div class="bottom-wrap">
<div class="input-group input-number-group">
<div class="input-group-button">
<span class="input-number-decrement">-</span>
</div>
<input class="input-number" max="10" min="0" value="0">
<div class="input-group-button">
<span class="input-number-increment">+</span>
</div>
</div>
<div class="price-wrap h5">
<center><span class="price-new">$1280</span></center>
</div> <!-- price-wrap.// -->
</div> <!-- bottom-wrap.// -->
</figure>
</div> <!-- col // -->
</div>
</div>
如果可能的话,我想用 Jquery 来做这件事。但我不知道如何调用这个(函数),所以我没有发现任何有用的东西,只得到了一些模糊的 javascript 东西,但在 Jquery 中什么也没有。
希望你们有一些信息/提示。:)
解决方案
推荐阅读
- powershell - 哈希表,键中的倍数值,Foreach 循环 Powershell
- python - 无法连接到服务器/找不到麦克风
- python - 单击在多个文件中读取类的按钮时如何创建多个 Tkinter 窗口?
- android - Mixpanel 在 React-native android 应用程序中不起作用
- php - Laravel-API 使用会话问题:Auth::id() 为空
- python - 使用 libVLC Python 录制 RTSP 流
- python - 在 Python 中,如果两个数据框具有不同值的同一列,如何在 Id 上合并多个数据框并在列中创建一个列表?
- django - MPTT-类别树子类别未显示类别
- tree - 是否有可能找到这样一棵树的连接偏差?
- angular - 将 Onetrust cookie 同意横幅与 Angular 9 集成