Auto reload a page using JS, with a checkbox to enable/disable the script

Question

HTML

<body onload="JavaScript:timedRefresh(10000);">
    <input type="checkbox" checked="checked" name="autoRefreshCheckboxes" >Auto Refresh</input>
</body>

JS

  function timedRefresh(timeoutPeriod) {
        if ($("input[name=autoRefreshCheckboxes]").is(":checked")) {
            setTimeout("location.reload(true);", timeoutPeriod);
        }
    }

How can I make the checkbox work?

It seems that when the <body> loads, it takes the state of the checkbox, and ignores the state of the checkbox when the script is run.
thanks in advance!

Rory McCrossan · Accepted Answer · 2012-01-09 11:08:04Z

2

Try using setInterval instead.

function timedRefresh(timeoutPeriod) {
    var interval = setInterval(refreshPage, timeoutPeriod);
}

function refreshPage() {
    if ($("input[name=autoRefreshCheckboxes]").is(":checked")) {
        location.reload(true);
    }
}

answered Jan 9, 2012 at 11:08

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Auto reload a page using JS, with a checkbox to enable/disable the script

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related