功能:当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
      })
    }
  }
});

相关文章:

  • 2021-08-03
  • 2021-06-12
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-23
猜你喜欢
  • 2021-12-04
  • 2021-11-23
  • 2021-11-28
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-05-29
相关资源
相似解决方案