智能随机分组系统(代码带备注)

现在很多场景下都需要对现有人员进行随机分组,比如老师对班上的同学进行随机分组,以小组形式完成一项作业;再比如公司户外团建活动,对员工进行随机分组,组队玩游戏等等。今天给大家分享的就是一个随机分组案例,用户只需要输入总人数和每组人数,系统就可进行智能随机分组(效果如下图),之所以说智能,是因为该系统具备以下几点智能功能:

智能随机分组系统(代码带备注)_第1张图片

  1. 表单输入框非空验证;
  2. 输入框失去焦点时,自动将用户输入的数字进行四舍五入转换,防止用户输入小数;
  3. 单选按钮选择否时,将对最后分组剩余人数进行随机分配到已分配好的小组中,且每个小组人数差不会超过1人;
  4. 当用户输入分组不合理时(即最后分组剩余人数大于分组数时),系统会进行智能分析,并最后给出两个建议分组优化方案!用户可直接选择对应方案,使最终分组合理。比如:

智能随机分组系统(代码带备注)_第2张图片

下面献上该案列的全部代码:





Marco智能随机分组系统





    

智能随机分组系统

最后一组人数不足时,是否成立一组:

主要的js代码我都写了备注说明,相信大家都看得懂,有什么问题欢迎一起探讨!

另外,该案例我在jq插件库发表过,案例地址:http://www.jq22.com/webqd4314,在这里也给大家推荐jq插件库(http://www.jq22.com/)这个网站,非常棒的一个开发资源网站,里面提供了很多的案例、插件、常用代码,你也可以在上面发布你的作品,喜欢开发的你不容错过哦!

你可能感兴趣的:(前端案例分享)