(五十)checkbox

checkbox单选

// pages/demo/demo.js
Page({
    data: {
        items:[{
            id:11212,
            name:11212
        },{
            id:21212,
            name:21212
        }],
        type:1,
        member_type:""
    },
    heihei(e){
        var t = e.currentTarget.dataset.type;
        if(this.data.type != t){
            this.setData({
                type: t
            })
        }else{
            this.setData({
                type:""
            })
        }
        console.log(this.data.type)
    },
    heihei2(e){
        var t = e.currentTarget.dataset.id;
        if(this.data.member_type != t){
            this.setData({
                member_type: t
            })
        }else{
            this.setData({
                member_type:""
            })
        }
        console.log(this.data.member_type)
    },
})
<checkbox-group bindchange="mychange">
    <checkbox value="1" data-type="1" bindtap="heihei" checked="{{type==1}}" style="zoom:.8" />1
    <checkbox value="2" data-type="2" bindtap="heihei"  checked="{{type==2}}" style="zoom:.8" />2
</checkbox-group>

<block wx:key wx:for="{{items}}" wx:for-index="index" wx:for-item="item">
    <checkbox class="modal7" data-id="{{item.id}}" bindtap="heihei2" checked="{{member_type==item.id}}" />{{item.name}}
</block>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容