javascript - 如何获取动态追加复选框列表中的值

Question

我已经创建了 UI 作为我想要输入数据的方式。

选择产品名称后，该产品的口味会通过复选框动态附加。

所有复选框数据均使用JS函数动态追加。之后，我尝试在单击按钮时将这些数据插入数据库。但我在如何获取已选中的复选框列表的 ID 方面遇到问题。

谁能帮我解决这个问题吗？

我正在使用 Codeigniter 框架进行开发。

JS:

var ptype = $j("#cmb_freeproduct_type").val();        
    //alert(ptype);
    //$j('#eqtyrw').hide(500);
    $j.ajax({
    type: 'post',
    url: 'loadFlavorTypes',
    data: {ptype:ptype},
    success: function (data) {
        alert(data);
        var result = JSON.parse(data);
        //alert(result);
        var datas = [];

        for (var x = 0; x < result.length; x++) {


            datas.push('<tr id="'+result[x].product_flavour_id+'">'
                        +'<td>'
                        +'<input type="checkbox" name="fflavor_wise" id="fflavor_wise'+x+'" autocomplete="off" value=""></input>'
                        +'</td>'
                        +'<td id="fflavor'+x+'">      <b>'+result[x].product_flavour+'</b> </td>'

                    +'</tr>');

        }
        $j("#flavors_for_product_free").html(datas);
    },
            error: function(data){
        alert('error');
    }
       });

Answer 1

jQuery:

// Find all checkboxes on the page that are currently checked.
var checked = $("input[type=checkbox]:checked");

纯 JavaScript:

// Find all input elements.
var inputs = document.getElementsByTagName("input");
var checked = [];

// Cycle our input elements list and find the checkboxes 
// that are checked.
for ( var i = 0; i < inputs.length; i++ ) {
    if ( inputs[i].type == "checkbox" && inputs[i].checked ) {
        checked.push(inputs[i]);
    }
}

无论哪种情况，您现在都会有一个包含选中复选框的数组。获取这些 ID 应该非常简单。

在比较这些技术时使用 jQuery 的有力论据。