小程序 同意checkbox 的协议后,才可以继续下一步,代码

小程序 同意checkbox 的协议后,才可以继续下一步,代码 保存备忘
.wxml

  <checkbox-group class="cu-bar" bindchange="boxcheck">
    <checkbox name="box_check" value="{{if_checked}}" class="red round"></checkbox>
    <navigator url="/pages/about/about">
    我已阅读并同意<text class="text-blue">《加入协议加入协》</text>      
    </navigator>
  </checkbox-group>  

.js

  /**是否同意协议 */
  boxcheck: function (e) {
    var flag = e.detail.value[0];
    console.log(flag)
    if (flag === undefined) {
      this.data.next_class = '';
      flag = false;
    } else {
      this.data.next_class = "text_blue";
      flag = true;
    }
    this.setData({
      if_checked: flag,
      next_class: this.data.next_class
    })

  },
 /*提交表单 */
  formSubmit: function (e) {
    var that = this;
    //console.log('form发生了submit事件,携带数据为:', e.detail.value)
    var formData = e.detail.value;
    if (e.detail.value.address == '' || e.detail.value.mobile == '' || e.detail.value.username == '') {
      wx.showToast({
        icon: 'none',
        title: '请填写完整···',
      })
      return;
    } else if (that.data.if_checked == undefined || that.data.if_checked == false) {   //必须加上false判断
      wx.showToast({
        icon: 'none',
        title: '请先阅读并同意协议',
      })
      return;
    } else {
      console.log('form发生了submit事件,携带数据为:', formData)
      wx.request({
        url: app.globalData.apiurl,//这里的接口请填实际接口     
        data: formData,
        //method: 'POST', //默认GET
        header: {
          'Content-Type': 'application/json'
        },
        success: function (res) {
          var resdata = res.data;
          if (resdata.code == 1) {
            wx.showToast({
              title: '提交成功'
            })
          } else {
            wx.showToast({
              icon: 'none',
              title: resdata.msg,
            })
           // return;
          }
          console.log(res.data);
        }
      })
    }
  },
  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值