收藏
回答

微信小程序如何根据后台获取的value值,设置checkbox 的选中状态?

后台接口已经获取到复选框的value值,如何在页面中将这些value值的复选框选中?

页面:

value值:

回答关注问题邀请回答
收藏

1 个回答

  • Hello World
    Hello World
    2023-05-21
    我觉得应该是这样做吧:
    WXML:
    <checkbox-group bindchange="checkboxChange">
      <label class="weui-cell weui-check__label" wx:for="{{checkboxList}}" wx:key="{{item.value}}">
        <view class="weui-cell__hd">
          <checkbox value="{{item.value}}" checked="{{item.ischecked}}"/>
        </view>
        <view class="weui-cell__bd">{{item.value}}</view>
      </label>
    </checkbox-group>
    
    JS:
    data: {
        checkboxList: [
          {value: '无', ischecked: ''},
          {value: '肝炎', ischecked: ''},
          {value: '高血压', ischecked: ''},
          {value: '糖尿病', ischecked: ''},
          {value: '高血脂', ischecked: ''},
        ]
    },
    let family_brothers_array = family_brothers.split(',');
    var checkboxList = this.data.checkboxList;
    family_brothers_array.forEach(element => {
      checkboxList.forEach(ele => {
        if(ele.value == element){
            ele.ischecked = true;
            this.setData({
              checkboxList:checkboxList
            })
        }
      });
    });
    
    2023-05-21
    有用
    回复
登录 后发表内容