javascript - 使用 ajax 传递复选框数组以及其他输入

Question

目前，我一直在使用 ajax 来发布代码点火器安装中的一些方法。我现在有一个表单，其中包含带有其他输入的复选框数组，并且在将值传递到 post 时遇到问题。目前，即使未选中，它也会返回最后一个复选框的最后一个值。

.js

$('.flagPost').on('submit', function() {
var that = $(this), url = that.attr('action'), type = that.attr('method'), data = {};

that.find('[name]').each(function(index, value) {
    var that = $(this), name = that.attr('name'), value = that.val();

    data[name] = value;
});
$.ajax({
    url : url,
    type : type,
    data : data,
    success : function(response) {
        $('#flagSuccess').empty().append(response).fadeIn('slow').delay(3000).fadeOut(800);
    }
});
return false;
});

.html

 <div class="form-group">
                        <label for="email" class="col-sm-4 control-label">Email</label>
                        <div class="col-sm-8">
                            <input type="email" class="form-control input-sm" name="email" id="email" placeholder="Email Address" value="<?php echo set_value('email');?>">
                        </div>
                        <span class="help-block"></span>
                    </div>
                    <div class="form-group">
                          <label class="control-label col-sm-4">Issues/Problems</label>
                          <div class="col-sm-8">
                            <label class="checkbox" for="problems-0">
                              <input type="checkbox" name="problem[]" id="problems-0" value="Adult Content">
                              Adult Content
                            </label>
                            <label class="checkbox" for="problems-1">
                              <input type="checkbox" name="problem[]" id="problems-1" value="Spam">
                              Spam
                            </label>
                            <label class="checkbox" for="problems-2">
                              <input type="checkbox" name="problem[]" id="problems-2" value="Non-existent">
                              Non-existent
                            </label>
                            <label class="checkbox" for="problems-3">
                              <input type="checkbox" name="problem[]" id="problems-3" value="Language">
                              Language
                            </label>
                            <label class="checkbox" for="problems-4">
                              <input type="checkbox" name="problem[]" id="problems-4" value="Other">
                              Other
                            </label>
                          </div>
                          <span class="help-block"></span>
                        </div>
                        <!-- Textarea -->

Answer 1

jQuery 有一个 serialize method用于从表单中获取所有数据(遵循哪些控件算作成功的正常规则)

data = that.serialize()