Question

我在模态表单上有一组多个复选框，当用户在表单上选择提交时，复选框值将保存到表格中。这部分工作得很好，如果我刷新网页，我可以看到正确的值。但是，我不想刷新网页以查看填充的值，为此我需要插入来自将它们保存到表中的相同JS函数的值，但我不确定如何读取值从模态形式:(。

这是我的JS代码，它调用python函数将值保存到数据库中：

$(document).ready(function() {
    $(".containerProfile").on("click", "#saveCheckboxes", function() {
        var url = "/profile/updateCheckboxes";   

        csrftoken();  
        $.ajax({
          type: "POST",
          url: url,
          data: $('#checkboxForm').serialize(),
        }).done(function(response){
            $("#modalCheckboxTest").modal("hide");

            //I want to modify the HTML here to display the checkbox values on the webpage
        });
    })
})

如果我查看发送到数据库的序列化数据，它看起来像“chk1 = 4.00＆amp; chk2 = 0.00”。如何在序列化之前循环并读取每个复选框的值？

感谢您的帮助！

编辑：

我试图循环遍历所有复选框值并将它们插入到HTML中，HTML可能已经包含这些值，因此我想清除它们并仅插入新值，以便它是最新的。

我的HTML代码看起来像这样;

<div id="ind">
  {% for inf in prospect.prospect_industries.all %}
    {% if inf.is_interested %}
      <div>
        <span id="industryInterest" data-fit="id_industry{{inf.id}}"></span>

        <p>{{inf.get_industry_display}}</p>
      </div>
    {% endif %}
  {% endfor %}
</div>

我的JS看起来像这样：

 for (i = 0; i < response.length; i++) { 
   //alert(response[i].industry + ":" + response[i].is_interested);

   if (response[i].is_interested) {

     $("#industryInterest").html(response[i].industry);
     $("#industryInterest").attr("data-fit", response[i].industry);
   }
 }

我试图做这样的事情“$（'＃ind'）。html（''）;”但是，这会删除#ind div中的HTML，因此我无法插入新值。在这种情况下更新HTML的正确方法是什么？

如何从模态窗体中获取多个复选框值并填入html？

编辑：

0 个答案: