小程序checkbox如何限定选择次数?
发布于 6 年前 作者 qiang94 11198 次浏览 来自 问答

小程序checkbox是否可以支持最多选择几项,因为还有反选功能,不能只判断数组长度到达就禁用。

比如我现在有A、B、C、D、E五个选项,至多只能选择两个,第三不能触发点击事件,反选某一个值时才能继续选择。

3 回复

现在的做法是给每个选项的checked属性单独赋值,比如叫{{ischecked}};单独改变每个ischecked为true或者false,超过2个无法赋值,但这样checkbox的value属性获取的值就会与实际选中的值不一样,比如实际选中AB,这时候check C选项,value是ABC;只能通过再次循环拿到实际选中的AB值,十分繁琐

因为你没禁用 C 啊,C 依然能点当然 value 是 ABC 了。

自己写逻辑啊……

checkbox 有 disabled 属性,你把这五个的都设置为同一个变量,比如叫 {{flag}}。然后绑定 bindchange 事件,判断一下当前选中的个数是不是小于 2 的,是就 setData(“flag”: true) ,反之 setData(“flag”: false)。

回到顶部