三國紛爭
2021-06-29 09:58:55
我有多個數(shù)組,其中包含三個鍵/值對,一個名稱,一個電話號碼和首字母縮寫。我有一個循環(huán),它創(chuàng)建一個復(fù)選框列表并將初始值設(shè)置為它的類。我試圖弄清楚如何在選中該框時從相應(yīng)的對象中提取電話號碼值并將其保存到單獨的數(shù)組中。例如:如果選中了類“.BRJ”的框,則將該對象中的 1222222222 數(shù)字保存到新數(shù)組中。我知道我可以在輸入中運行一個 onclick 函數(shù),但我一生都無法弄清楚如何找到與該復(fù)選框匹配的電話號碼。const management = [ { name: 'Bob Jones', number: 12222222222, initials: 'BRJ',}, { name: 'Peter Jones', number: 1333333333, initials: 'PRJ',}, ];const operatorLoop = (shift, list) => { for (var i = 0; i < shift.length; i++) { list.innerHTML += ` <li><input type = 'checkbox' class ='${shift[i].initials}' >${shift[i].name}</input></li> `}}operatorLoop(management, mgmtUl);
2 回答

慕碼人2483693
TA貢獻(xiàn)1860條經(jīng)驗 獲得超9個贊
首先,您應(yīng)該添加更多屬性,其值為電話
const operatorLoop = (shift, list) => {
for (var i = 0; i < shift.length; i++) {
list.innerHTML += `
<li><input type = 'checkbox' data-number='${shift[i].number}' class ='${shift[i].initials}'
>${shift[i].name}</input></li>`
}
}
然后你檢查所有復(fù)選框
var sList = "";
$('input[type=checkbox]').each(function () {
sList += (this.checked ? "," + $(this).data('number') : "");
});
console.log (sList); //result that you expect: 12222222222, 1333333333
添加回答
舉報
0/150
提交
取消