小程序checkbox操作

功能:当checkbox的状态为选中状态时点击下一步才可进入下一个页面

在这里插入图片描述

axml文件代码

<view class="check_footer clearfloat">
        <view class="fl check_footer_fl pl_20 box_s">
            <checkbox-group onChange="onChange">
                <label class="checkbox">
                    <checkbox value="{{value}}" />
                    <text class="checkbox-text fs30">我已阅读并同意此协议</text>
                </label>
            </checkbox-group>
        </view>
        <navigator url="{{check==false? '' : '/pages/applicationInstitutions/applicationInstitutions'}}">
        <view class="fr check_footer_fr">下一步</view>
        </navigator>
    </view>

js文件代码

Page({
  data:{
      value:"选中",
      check:false
  },
  onLoad(query) {
    // 页面加载
  },
  onChange(e) {
    if (e.detail.value =='选中') {
      this.setData({
        check : true
      })
    }else{
      this.setData({
        check : false
      })
    }
  }
});

猜你喜欢

转载自blog.csdn.net/qq_41981057/article/details/85340716