一組多個動態生成的復選框，可在數組內獲取整個值

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的值。