qq_36512295
痴迷、淡然~
采纳率60%
2019-10-22 21:50

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

20

场景如下:
单击按钮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>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

1条回答

  • jslang 天际的海浪 2年前
    
    <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>
    
    
    点赞 1 评论 复制链接分享

为你推荐