记录下选择阅读协议后才可以进行下一步
<checkbox-group @change="handleChange">
<label >
<checkbox />
<view >我已阅读并同意
<text class="col-g" @click="handleXI">《用户协议》</text>
<text class="col-g" @click="handleYX">《隐私协议》</text>
</view>
</label>
</checkbox-group>
data() {
return {
//判断是否勾选
value: ''
}
},
handleChange(e) {
this.value = e.detail.value;
console.log(this.value);
if(this.value.length == 0){
uni.$u.toast('请勾选《用户协议》《隐私协议》!')
}else{
console.log('勾选成功')
}
},
顺带:
uni-app复选框checkbox大小调整
需要transform: scale()
个人建议 0.7大小比较合适
参考代码如下
<checkbox
style="transform: scale(0.7)"
:checked="item.isChecked"
:value="item.isChecked"
class="more"
></checkbox>