flask开发动态创建多选框并勾选默认值，且传到后台怎么做？

Question

场景如下：
单击按钮1弹出div1，显示的div1根据列表长度动态创建多选框，且判断值勾选默认值。
该div1中的多选框可修改，需要将修改后的值通过script传到路由，但是传值时的变量个数时不确定的，因此，有什么解决方案么?
大佬可以给个demo么？调通给采纳，感谢！

<div type='button' data-toggle="modal" data-target="#div1">按钮1</div>

<div id='div1'>
                {% for i in [列表] %}
                            {% if i=='某变量' %} 
                                <div>
                                                <label>
                                                                <input id={{ i.name }} type="checkbox" checked>xxx
                                                </label>
                                </div>
                            {% else %}
                                <div>
                                                <label>
                                                                <input id={{ i.name }} type="checkbox">xxx
                                                </label>
                                </div>
                            {% endif %}
                {% endfor %}
                <div>
                            <button id="按钮2" type="button>按钮2</button>
                </div>
</div>

<script>
      $(document).ready(function(){
                        $('#按钮2').click(function{
                  var is_x = $('#此处相对应上面多选框中的id名，但这个id名是个变量，而且个数是未知的').prop('checked') ? 2: 1;
                                    var is_y = 
                                    .....个数未知，且名字未知

                                    $.ajax({
                                                type : 'POST',
                                                url : ,
                                                data : JSON.stringfy({
                                                                is_x : is_x,
                                                                is_y : is_y,
                                                                ......个数未知，且名字未知
                                                })
                                    });
           });
      });
<script>

Answer 1

<script>
    $(document).ready(function(){
        $('#按钮2').click(function(){
            var dataObj = {};
            $("#div1 input[type=checkbox]").each(function(){
                dataObj[$(this).attr("id")] = $(this).prop('checked') ? 2: 1;
            });
            $.ajax({
                type : 'POST',
                url : "",
                data : JSON.stringify(dataObj)
            });
        });
    });
</script>