修改checkbox选中状态,uniapp弹出选择框

　　Uni改变复选框状态的方法：首先打开对应的代码文件；然后通过添加代码“if(e . detail . value . length 0){ self . limit area=1.}".

　　UNI-APP开发(仿饿)开发课程：进入学习

　　本文的运行环境：windows7系统，Uni-App版本2.5.1，DELL G3电脑。

　　记录一个 uniapp-checkbox 如何动态改变勾选状态

　　场景：未选中时，用户点击复选框，弹出确认和取消界面。点击【确定】默认勾选，点击【取消】返回未勾选状态。

　　通常是这样做的：

　　checkbox-group @ change= checkbox change name= limit area

　　标签

　　复选框值=1 :checked=limitArea/

　　文本限制区域/文本

　　/标签

　　/复选框-组

　　脚本

　　导出默认值{

　　data() {

　　返回{

　　限制区域：0

　　}

　　},

　　方法：{

　　checkboxChange:函数(e){

　　var self=this

　　if( e.detail.value.length 0 ){

　　uni.showModal({

　　标题：“禁区”，

　　内容：区域有限，可能要等很久，

　　确认文本：好，

　　CancelText:取消，

　　成功：函数(res) {

　　if (res.confirm) {

　　self . limit area=1；

　　}否则{

　　self . limit area=0；

　　}

　　}

　　});

　　}否则{

　　this . limit area=0；

　　}

　　}

　　},

　　组件：{}

　　}

　　/script above:checked= limitArea ，显示状态绑定到limit area。但是发现虽然你点击了取消，但是limitArea值变成了0。按照原理，复选框应该是不勾选的，但是显示的勾选状态还是勾选的。为什么我不明白，解决办法：

　　checkboxChange:函数(e){

　　var self=this

　　If( e.detail.value.length 0 ){//点击查看

　　self . limit area=1；//* * * * * *添加此代码* * * * * *

　　uni.showModal({

　　标题：“禁区”，

　　内容：区域有限，可能要等很久，

　　确认文本：好，

　　CancelText:取消，

　　成功：函数(res) {

　　if (res.confirm) {

　　self . limit area=1；

　　}否则{

　　self . limit area=0；

　　}

　　}

　　});

　　}否则{

　　this . limit area=0；

　　}

　　}场景2:

　　点击勾选，但我们不想勾选，强制回到未勾选状态。直接更改limitArea值也不会生效。解决方法：会弹出提示，点击确定，更改确定中的值，但还是要注意场景1中的问题。

　　推荐：《uniapp教程》以上是uniapp如何更改复选框状态的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。