Javascript >> Forms >> Checkboxes

how to pass checkbox data from one form to another form?

Visitor Ratings (10) :

Description

To transfer the contents of the following form to the same form on another page is quite simple.Copy and save 2 files(test.html, test2.html). and open the file test.html.

Code

Select All

test.html
=============================
<BODY>

<FORM NAME="formname" ACTION="test2.html">
<TABLE><TR><TD>Checkbox</TD><TD><INPUT TYPE="CHECKBOX" NAME="check1">
</TD></TR>
<TR><TD>Checkbox</TD><TD><INPUT TYPE="CHECKBOX" NAME="check2">
</TD></TR></TABLE>
<INPUT TYPE="SUBMIT" value="Preview">
<INPUT TYPE="RESET">
</FORM>

<A HREF="index.htm" TARGET="_top">Return</A>

</BODY>
=================================
test2.html
============================
<BODY>
<h3> you submitted the following</h3>
<FORM NAME="formname">
<TABLE><TR><TD>Checkbox</TD><TD><INPUT TYPE="CHECKBOX" NAME="check1">
</TD></TR>
<TR><TD>Checkbox</TD><TD><INPUT TYPE="CHECKBOX" NAME="check2">
</TD></TR>
</TABLE>
<INPUT TYPE="SUBMIT">
<INPUT TYPE="RESET">
</FORM>

<SCRIPT LANGUAGE="JavaScript"><!--
function getParm(string,parm) {
    // returns value of parm from string
    var startPos = string.indexOf(parm + "=");
    if (startPos > -1) {
        startPos = startPos + parm.length + 1;
        var endPos = string.indexOf("&",startPos);
        if (endPos == -1)
            endPos = string.length;
        return unescape(string.substring(startPos,endPos));
    }
    return '';
}

var passed = location.search.substring(1);

if (getParm(passed,'check1') != '')
    document.formname.check1.checked = true;

if (getParm(passed,'check2') != '')
    document.formname.check2.checked = true;
//--></SCRIPT>
<A HREF="index.htm" TARGET="_top">Return</A>

</BODY>