javascript - Ajax:使用变量获取 HTML 对象的值

Question

谁能帮我把这些行转换成一个 for 循环？

var optie1 = "";
if($('#form #optie1_check').is(':checked')) {
    optie1 = $('#form #optie1_naam').val();
}
var optie2 = "";
if($('#form #optie2_check').is(':checked')) {
    optie2 = $('#form #optie2_naam').val();
}

我似乎无法在 Google 上找到我的答案，真的不知道如何搜索它。 我想要这样的东西:

for loop (i) {
    var str = "optie" + (i+1) + "_check";
    var str2 = "optie" + (i+1) + "_naam";
    if($('#form #str').is(':checked')) {
        opties = $('#form #str2').val();
    }
}

opties 是一个数组，我将把所有的值放入其中，所以我可以稍后传递它:

$.ajax({
    type: "POST",
    url: "voegOptiesToe.php",
    data: "opties="+opties,
    ...
}

Answer 1

您可以简单地使用 .serialize() 将一组表单元素编码为字符串以供提交

http://api.jquery.com/serialize/

例如，

$.ajax({
    type: "POST",
    url: "voegOptiesToe.php",
    data: $('form').serialize(),
    ...
}