私が取り組んでいるプロジェクトには、さまざまなモーダルポップアップウィンドウを開くいくつかのボタンがあります。これらの各ウィンドウには、独自のチェックボックスがあります。
ユーザーがいくつかのチェックボックスを選択してからモーダルを閉じると、チェックボックスの情報が配列に保存され、ページに表示されます。
私の問題は、ユーザーが同じモーダルポップアップウィンドウを再度開いたときに、同じチェックボックスに入力する必要があることです。ここでこれをカバーするstackoverflowの質問を見つけました。
ただし、私の問題は、一意の変数/配列を作成し、その配列をメイン配列に配置する必要があるようで、その方法がわからないことです。
// id of the button so I can use the name to open unique popups
// and create unique variable names
var roleId = '';
// The main Array to store all my button/checkbox lists Arrays into
var storedArray = [];
// The Array that stores the currently selected checkbox items.
var selectedArray = [];
// The function that is on all the buttons that bring up the checkbox modals
$('.role').click(function(){
// Saves a unique ID to be used to open up the appropriate popup
roleId = $(this).attr('tag');
// Here I try to create a Variable for a unique Array
storedArray.push('stored'+roleName);
// Selects the appropriate Modal popup
$('#modal-'+roleId).modal();
return false;
});
// Later the function that saves the checkbox items that are selected:
$('input:checked').each(function() {
selectedArray.push($(this).val());
});
// Where I try to store the checkbox data into the
// storedArray which is inside the slected Array
storedArray.push(selectedArray);
console.log('2 storedArray = '+storedArray);