preview the value in the next page

preview the value in the next page

hi
I am new in programming. I have got these script codes from forum.

I have 3 checkboxes with 3 different names. my checkboxes are working fine. I want these values should show in the next page when I click preview. actually it should work same as when we want to post Thread in this forum and we can click preview before we post it. here is my code for HTML and some javascript. I have not created any code for preview. so I do appoligies for that. I just want if anyone can help me regarding this. 

  1. <script type="text/javascript">
    function testBMW()
    {
    if($(".chkBMW").is(":checked"))   
    $(".qtyValueBMW").show();
    else
    $(".qtyValueBMW").hide();
    }
    function testFord()
    {
    if($(".chkFord").is(":checked"))   
    $(".qtyValueFord").show();
    else
    $(".qtyValueFord").hide();
    }
    function testGM()
    {
    if($(".chkGM").is(":checked"))   
    $(".qtyValueGM").show();
    else
    $(".qtyValueGM").hide();
    }
        </script>
    </head>
    <body>
    <div id="layer1" style="position: absolute; width: 600px; height: 360px; z-index: 1; left: 389px; top: 27px">
    <table>
    <thead>
       <th style="height: 24px"></th>
       <th style="height: 24px">Car</th>
       <th style="height: 24px">Qty</th>
       <th style="height: 24px">Option</th>
    </thead>
    <tbody>
    <tr>
    <td><input type="checkbox" class="chkBMW" onchange="testBMW()"/></td>
    <td>BMW</td>
    <td>
     <select name="qty" style="width: 50px; display:none;" class="qtyValueBMW">
    <option value="1">1</option>
    <option value="2">2</option>
     </select>
    </td>
    <td>
     <select name="optionRequired" style="width: 137px; display:none;" class="qtyValueBMW">
    <option value="Option">Option</option>
    <option value="Required">Required</option>
     </select>
    </td>
    </tr>
    <tr>
    <td><input type="checkbox" class="chkFord" onchange="testFord()"/></td>
    <td>Ford</td>
    <td>
     <select name="qty" style="width: 50px; display:none;" class="qtyValueFord">
    <option value="1">1</option>
    <option value="2">2</option>
     </select>
    </td>
    <td>
     <select name="optionRequired" style="width: 137px; display:none;" class="qtyValueFord">
    <option value="Option">Option</option>
    <option value="Required">Required</option>
     </select>
    </td>
    </tr>
    <tr>
    <td><input type="checkbox" class="chkGM" onchange="testGM()"/></td>
    <td>GM</td>
    <td>
     <select name="qty" style="width: 50px; display:none;" class="qtyValueGM">
    <option value="1">1</option>
    <option value="2">2</option>
     </select>
    </td>
    <td>
     <select name="optionRequired" style="width: 137px; display:none;" class="qtyValueGM">
    <option value="Option">Option</option>
    <option value="Required">Required</option>
     </select>
    </td>
    </tr>
    </tbody>
    </table>
    <br />
    <input type="button" name="submit" value="Submit"/>
    <input type="button" name="preview" value="Preview"/>
    </div>
    </body>

Thank you