今天我仁问我一段代码如何写，我看了看，是一个外卖网页，大家肯定都订过外卖，在买很多菜品的时候后面有一个加号的按钮来实现订购数量增多，如果一次订很多，那便有多个按钮，他的问题是他点击一个按钮所有菜的数量都加1，这怎么整呢，我一开始也想了很多，肯定是用this指向当前点击的按钮，但是如何实现对应input标签里value的数量增加1呢，我想了好久也没有思路，最后经过我流浪哥的指点总算是做出来了！！下面我来记录一下我的思路，也跟大家分享一下！！
这个是HTML部分，add为加号，num实现菜数量的增加
这就是javascript部分。
下面我详细解释一下这段javascript代码，用的JQ写的。。
一开始先获取到所有的input和add，把它们分别存放在变量中。之后如何实现类似于跟踪的效果呢
索引~~~，就是索引，有了索引那input不就可以找到自己的按钮了么，哈哈。
首先先遍历一遍，给每一个add加上一id，这就是索引，之后加上onclick事件，input[i]是错误的。为啥呢，，里面的函数读不到i这个变量啊所以我们呢直接就用this指向点击事件发生的按钮（伪按钮吧）他的id不也正好就可以指向自身input的位置。。这样最核心的地方就解决完了！！之后赋值时，获取一下当前value值，直接加1就可以实现功能了
扫一扫
974
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
