博客

介绍

可以通过在wxml页面标签内添加

data-id="{

{item.goods_id}}"

属性，来向绑定的方法传递数据，通过方法的

e.currentTarget.dataset.id

获取 。

**注意：**标签中的属性名定义为

data-id

，则

dataset

中的属性名为

id

；如果标签中属性名定义为

data-goodsid

，则

dataset

中的属性名为

goodsid

。

wxml代码 bindtap绑定handleCheckbox方法

<checkbox class="checked" value="cb" checked="{{item.checked}}" bindtap="handleCheckbox" data-id="{{item.goods_id}}" />

js代码 通过e接收

handleCheckbox(e) {
    console.log(e);
    // e.currentTarget.dataset.id
}

接收数据

详细示例

这是一个购物车。点击单选框，需要获取当前商品id，来对该条数据做选中/不选中处理。

wxml页面代码


cartList

为购物车商品列表，点击

checkbox

时需要获取当前的商品id，即

item.goods_id

。通过

bindtap

绑定的点击事件

handleCheckbox

需要接收该商品id后对

cartList

中的对应商品进行处理。

<view class="cart_item" wx:for="{{cartList}}" wx:key="goods_id">
    <!-- 这里这里 使用开始 -->
    <checkbox class="checked" value="cb" checked="{{item.checked}}" bindtap="handleCheckbox" data-id="{{item.goods_id}}" />
    <!-- 使用结束 -->
    <view class="img">
        <image src="{{item.goods_small_logo?item.goods_small_logo:'http://image5.suning.cn/uimg/b2c/newcatentries/0000000000-000000000193373779_1_400x400.jpg'}}" mode="widthFix" />
    </view>
    <view class="cart_info">
        <view class="name">{{item.goods_name}}</view>
        <view class="info_bottom">
            <view class="price">￥{{item.goods_price}}</view>
            <view class="num">
                <view class="button sub">-</view>
                <view>{{item.num}}</view>
                <view class="button add">+</view>
            </view>
        </view>
    </view>
</view>

js代码

Page({
    /**
     * 处理单选框点击事件
     */
    handleCheckbox(e) {
        console.log(e);
        // e.currentTarget.dataset.id
    }
})

接收到的数据