JS限制复选框(参数面板)选择个数

目录:

1. 问题描述

对于一些特殊的查询模板，由于下拉复选框的供选项太多可能导致查询结果过大、页面展示效果不理想等，所以有时候需要限制复选框组选中的个数。例如限制复选框可选中的个数为5个，若超过5个就不能再选，下面我们来介绍下制作方法。
例：事先选中了苹果汁，牛奶，番茄酱，盐，麻油，当想再勾选酱油时，就无法选择并弹出了提示框【最多只能选择5个】！
222

2. 实现思路

通过JS获取当前控件的值，然后通过判断选择的个数值并进行操作。

3. 示例

下面我们将复选框组的控件设置如下。
3.1 增加JS事件
给复选框组控件增加点击事件，如下图：
222
代码如下：
var Num = 0; $.each(this.ck_el_array, function(i, item){ if (item.isSelected()){ Num ++; } if (Num > 5) {FR.Msg.toast("至多只能选择5个");item.setSelected(false);} });
3.2 保存与预览
保存模板，点击分页预览，最多只能选中5个复选框的值，否则就会弹出如上对话框。

附件列表


主题： 二次开发
标签： 控件 参数控件 个数 JS 限制个数 已验证

文档内容仅供参考，如果你需要获取更多帮助，请咨询帆软技术支持
关于技术问题，您还可以通过帆软论坛获取帮助，论坛上有非常多的大神，有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题，可以联系帆软传说哥（微信ID：frbiaoge）