page2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page 2</title>
</head>
<body>
    <table id="output_table">
        <tr>
            <th>Name</th>
            <th>Value</th>
        </tr>
    </table>
    <script
        src="https://code.jquery.com/jquery-3.4.1.min.js"
        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
        crossorigin="anonymous">
    </script>
    <script>
        // Helper function
        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));

        // clear table
        $('#output_table').html("");

        // generator checboxes
        for(let i=0;i<data_from_page_1.length;i++){
            if(data_from_page_1[i].type == "checkbox"){
                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);
                let recordCount = $("<td></td>").text("");
                row.append(recordName, recordValue, recordCount); // not used but needed
                $('#output_table').append(row);
            }
        }

        // generate textboxes
        for(let i=0;i<data_from_page_1.length;i++){
            if(data_from_page_1[i].type == "text"){
                let row = $("<tr></tr>");
                let recordName = $("<td></td>").text("");
                let recordValue = $("<td></td>").text("");
                let recordCount = $("<td></td>").text(data_from_page_1[i].value);
                row.append(recordName, recordValue, recordCount);
                $('#output_table').append(row);
            }
        }
    </script>
</body>
</html>