Skip navigation

Dreamweaver CC

Jibraan_786 Calculating status...

Currently Being Moderated

Forms Help with checkboxes

Jul 4, 2012 12:14 AM

Tags: #help #dreamweaver #link #forms #buttons #checkbox

i want to click on a link that takes me to a form, but i also want a behavior that when i click on that link it will automatically check a "checkbox" in my form, its a common form with multiple options, please help

414 Views 4 Replies Latest reply: Jibraan_786, Jul 4, 2012 5:59 AM

Replies

Currently Being Moderated

1. MurraySummers,

Jul 4, 2012 4:33 AM in reply to Jibraan_786

Report

Is the link on one page, and the form on a different page? Are your pages just static HTML or are you able to use some server scripts on the page? If so, which (PHP, NET, CF, etc.)?

|
Mark as:
Currently Being Moderated

2. Jibraan_786,

Jul 4, 2012 4:45 AM in reply to MurraySummers

Report

static pages for now, yes exactly how it is, the link is on a static page and goes to the form from there

|
Mark as:
Currently Being Moderated

3. David_Powers,

Jul 4, 2012 5:48 AM in reply to Jibraan_786

Report

You need to use JavaScript to do this. Give the checkbox that you want to be checked an ID. In the following example, I'm calling it "checkme".

In the link, add a query string with the id like this:

<a href="form.html?id=checkme">Go to form</a>.

At the bottom of the page that contains the form, add the following <script> block just before the closing </body> tag:

<script>
function urlArgs() {
    var args = {},
        params = location.search.substring(1),
        pairs = params.split('&'),
        pos, name, value;
    for (var i = 0, len = pairs.length; i < len; i++) {
        pos = pairs[i].indexOf('=');
        if (pos == -1) continue;
        name = pairs[i].substring(0,pos);
        value = pairs[i].substring(pos+1);
        value = decodeURIComponent(value);
        args[name] = value;
    }
    return args;
}
function check(id) {
    var checkbox = document.getElementById(id),
        args = urlArgs();
    for (var name in args) {
        if (args[name] == id) {
            checkbox.checked = true;
            break;
        }
    }
}
check('checkme');
</script>

The only line that you need to alter is the last one:

check('checkme');

Replace 'checkme' with the ID of the checkbox.

|
Mark as:
Currently Being Moderated

4. Jibraan_786,

Jul 4, 2012 5:59 AM in reply to David_Powers

Report

Thankyou soo much, itsa great strat much appreciated, now i just realised that the script gonna be super long because it has 24 products on it and that means i got 24 links going to it aswell

|
Mark as: