Приведенный ниже код проверяет, установлен ли флажок и сохраняет ли его имя и значение, чтобы его можно было добавить в таблицу на следующей странице. Как добавить этот код только для хранения имен и значений, если текстовое поле (numberofclickstextbox
) содержит число выше 1, а также для вывода этого числа в таблицу (я включил снимок экрана, где я хотел бы это значение, которое будет выведено в таблицу в виде красного прямоугольника).
Любая помощь будет очень полезна.
JQuery для сбора данных (стр. 1):
$('#sales_order_form_button').click(function(){
let table_info = [];
$('input[type=checkbox]').each(
function(index, value){
if($(this).is(':checked')){
table_info.push(
{
name: $(this).attr('name'),
value: $(this).attr('value'),
}
);
}
});
let base64str=btoa(JSON.stringify(table_info));
window.location = "page2.html?table_data=" + base64str;
});
JQuery для добавления данных в таблицу (стр. 2):
function getUrlParameter(name) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
var results = regex.exec(location.href);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
};
// actual code
let table_data = getUrlParameter('table_data');
let data_from_page_1 = JSON.parse(atob(table_data));
for(let i=0;i<data_from_page_1.length;i++){
let row = $("<tr></tr>");
let recordName = $("<td></td>").text(data_from_page_1[i].name);
let recordValue = $("<td></td>").text(data_from_page_1[i].value);
row.append(recordName, recordValue);
$('#output_table').append(row);
}
HTML таблицы на стр. 2:
<table id="output_table">
<tr>
<th>Name</th>
<th>Value</th>
<th>Number of Clicks</th>
</tr>
<tfoot>
<tr>
<th id="total" colspan="1">Total CPC:</th>
<td id="sum1"></td>
</tr>
</tfoot>
</table>
![Screenshot of table producted on page 2](https://i.stack.imgur.com/rwxoz.png)