checkbox werkt niet goed als er naar een andere pagina wordt geklikt of als een refresh wordt uigevo

checkbox werkt niet goed als er naar een andere pagina
wordt geklikt of als een refresh wordt uitgevoerd.

ik heb een css, php en java stuk.

en op het moment dat de checkbox aangeklikt wordt, dan gebeurt er pas iets omdat het een onchange functie is
maar stel ik ga naar een nieuwe pagina dan gaat het vinkje van de checkbox uit.
en als ik het vinkje standaard checked maak dan doet die het pas als ik de checkbox eerst 2x aanklik

mijn css =

#backgroundon{
position: relative;
height:100%;
width: 100%;
background:url('../afb/team1.jpg' )no-repeat;
bg-origin: content-box;
background-size:100%;
background-attachment:fixed;

}

#backgroundoff{
position: relative;
height:100%;
width: 100%;
background-color: white;

}

en de php code =

<div id="<?php echo $background; ?>">

<div id="footer">

achtergrond:
<input onclick="check()" locked id="check" type="checkbox" name="check" />


</div>

en de javascript =

<script>
function check(){
if(document.getElementById('check').checked==true){
document.getElementById("backgroundoff").id = "backgroundon";
<?php $background = "backgroundon";
$_SESSION['background'] = $background;
print $_SESSION['background'];
?>
}
else if(document.getElementById('check').checked==false){
document.getElementById("backgroundon").id = "backgroundoff";
<?php $background = "backgroundoff";
$_SESSION['background'] = $background;
print $_SESSION['background'];

?>
}
}
</script>

</head>