Question

我正在使用JSON返回的数据动态构建单选按钮（recipeItem）。然后我将recipeItem附加到食谱笼。这部分完美无缺。

我还向vendorCage添加了一个div，以将供应商分配给recipeItem。到现在为止还挺好。没问题。

我有一个按钮，可以将供应商添加到所选配方的vendorCage中。这就是问题所在。我第一次选择recipeItem，然后单击按钮，它按预期工作。它将供应商添加到适当的vendorCage。问题是每次之后，当我检查配方时，它始终是第一个配方的价值。

所以我的问题是：我是否遇到这个问题，因为我正在创建这些问题，或者我只是遗漏了什么？

获取所选recipeItem的代码

var recipe = $('input:radio[name="recipe_item"]').val();

用于构建recipeItems的代码

var $recipeItemsCage = $('#recipe-items-cage');
$.each(response.data['items'], function (key, value) {
    var recipeItem = $("<label />", {
        html: $('<input />', {
            type: "radio",
            name: "recipe_item",
            class: "recipe-item",
            value: key
        })
    }).append(key + ' - ' + value);
    $recipeItemsCage.append($('<li></li>', {
        html: recipeItem
    }));
    // Add recipe item vendor cage
    $vendorCage.append(
    $('<div></div>', {
        id: 'recipe-vendors-cage-' + key
    }));
});

Answer 1

解决方法是这样做：

var recipe = $('input:radio[name="recipe_item"]:checked').val();

在动态构建的无线电上获取所选无线电值的问题

1 个答案: