我需要在我的Express JS web应用程序上使用pug模板呈现一组动态复选框元素。
我是与pug模板的Bootstrap样式。如何呈现复选框取决于传递给pug模板的变量approvedUsersArr (在JS数组类型中)。approvedUsersArr中的元素是一个JS对象,其属性为objectId和approved_user。
基本上,我希望每行都有三个复选框。当一行在列中填充了三个复选框时,它将开始一个新行,并开始呈现另一组三个复选框,依此类推。
我的pug代码片段如下所示。
.modal-body.h-100
each au, index in approvedUser
我在表格上有很多复选框。我需要将总数限制在三个选中的复选框内,而不是更多。我有工作的代码,但我只是升级了我的表单到基金会自定义表单,我的脚本不再工作,我无法使它工作。
我该如何重写脚本才能工作?
下面是当前脚本:
$(function(){
var max = 3;
var checkboxes = $('input[type="checkbox"]');
checkboxes.click(function(){
var $this = $(this);
var set = $this.add($this.prevUntil(