Question

我正在通过以下代码填充一组复选框

$.ajax({
    url: '/mySite/getOutletsByRegion?regionId='+str,
 success: function(data) {
    $.each(data, function(i, obj) {

        html +='<li><label><input id="outlet1" type="checkbox" value="'+obj.id+'" name="outlet"/>';
        html +=obj.name+"</label></li>";

        });
    $("#outlets").html(html);
 }

但是当我提交此表单时，这些新创建的复选框值不可用。我错过了一些步骤吗？

Answer 1

新复选框的每个ID和名称都相同，但应该是唯一的。您至少可以使用数组

的数组

html +='<li><label><input id="outlet' + i + '" type="checkbox" value="'+obj.id+'" name="outlet[' + i + ']"/>';

Answer 2

要完成前面的答案，您需要表单提交的唯一名称，或者您可以使用[]作为数组，如下所示：

html +='<li><label><input id="outlet1" type="checkbox" value="'+obj.id+'" name="outlet[]"/>';
html +=obj.name+"</label></li>";

此外，我不知道“＃outlets”确保您没有在标记后注入元素，因为在这种情况下它不会被提交

填写复选框后通过ajax表单提交

2 个答案: