一组多个动态生成的复选框，可在数组内获取整个值

Question

我的密码

Checkbox1：从json列表生成

tr.append($("<td />").html('<input type="checkbox" id="reqid" name="reqid[]" value='+item+'>'));

Checkbox2：从另一个json列表生成

tr.append($("<td />").html('<input type="checkbox" id="selector" name="selector[]" value='+item[0]+'>'));

我想在一个单独的数组中获得两个复选框的值。 请帮我 ：）

我使用下面的代码，但数组val返回两个复选框的值

var val = [];

    `$`(':checkbox:checked').each(function(i){
    val[i] = `$`(this).val();
    alert(val[i]); 

}）;

我需要在名为reqid []和slectid []的单独文本框中获取两个复选框的值

Answer 1

您可以使用:eq(0)和:eq(1)来定位第一个和第二个元素：

var Checkboxes1=$('tr :checkbox:eq(0)').map(function() {
   return this.value;
}).get();


var Checkboxes2=$('tr :checkbox:eq(1)').map(function() {
   return this.value;
}).get();

Answer 2

试试这个，我想您没有在多个复选框上应用相同的ID：

var data = {};
    data.chk1 = [];
    data.chk2 = [];

$(':checkbox:checked').each(function(i){ 
    if(this.id == "reqid"){
        data.chk1.push(this.value);
    }else if(this.id == "selector"){
        data.chk2.push(this.value);
    }
});

console.log(data.chk1 + ":::" + data.chk2);

将id属性赋予复选框后，即可获得带有id的值。