把这些数据存入data里面

在wxml中写循环给图片写入事件cli1 把数组下标存入data-id 用于区分点击了哪个按钮

1. <view class="boxaa" wx:for="{{product}}" >
2. <view class='gongpin'>
3. <image src='{{imgsrc+item.pro_imgs}}'></image>
4. <view class='descript'>{{item.pro_name}}</view>
5. <view class='price'>{{item.pro_price}}</view>
6. </view>
7. <image class='radiocheck' data-proid="{{item.pro_id}}" bindtap='cli1' src='../../imgs/{{item.imgsrc}}'data-name="{{item.pro_name}}" data-id="{{index}}" ></image>

js代码

1. cli1:function(res)
2. {
3. 　　　　//获取数组的下标 用来确认点击的是那个按钮
4. 　　 var id = res.currentTarget.dataset.id;
5. 　　　　//把选中的商品名字存起来
6. selectedProName = res.currentTarget.dataset.name;
7. 　　//把选中的商品id存起来
8. 　　 selectedProId = res.currentTarget.dataset.proid;
9. 　　
10.  
11. 　　//因为是单选按钮首先循环所有的商品把input改为未选中的状态
12. for (var x in product) {
13. product[x].imgsrc = "radio.png";
14. }
15. 　　//根据获取过来的数组下标判断input是否是选中状态 如果是切换为未选中状态 如果不是改为选中状态
16. if (product[id].imgsrc == "radio.png") {
17. product[id].imgsrc = "radio_n.png";
18. } else {
19. product[id].imgsrc = "radio.png";
20. }
21. 　　把整个数组存入data中
22. this.setData({
23. product: product,
24. });
25. }