小程序 同意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);
}
})
}
},