Установите флажок даже после обновления страницы?

Question

Я написал if условие для проверки флажка:

$('input[type="checkbox"]').click(function() { 
    if (this.id == "internships" && this.checked) { 
     window.location.href = "<?php echo Yii::app()->createAbsoluteUrl('job/internships'); ?>"; 
    } 
    else { 
     window.location.href = "<?php echo Yii::app()->createAbsoluteUrl('job/internships'); ?>"; 
    } 
}); 

Теперь я хочу, чтобы убедиться, что даже после обновления страницы флажок не изменяет свое состояние, если я/пользователь не делать. Как я могу это сделать?

Answer 1

Возможно, вы захотите создать флажок с уже установленной базой checked. После вашего стиля кода, было бы что-то вроде

<?php 
// prepare a string to be inserted. 
// it will be either empty, or a nonempty "checked" attribute 
$shouldBeChecked = is_this_the_internship_page() ? 'checked="checked"' : ''; 
?> 

А потом ...

<input type="checkbox" <?php echo $shouldBeChecked; ?> > 

, если я помню правильно PHP :-)

См: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox

Также , ваш JS содержит два идентичных перенаправления на момент написания этого ответа.

Answer 2

Воспользоваться LocalStorage

JS

$('#check').on('click', function(){ 

    if(localStorage.getItem("checkedbox") == 'true') { 
    $(this).prop(checked, 'false'); 
    localStorage.setItem("checkedbox", 'false'); 

    } 
    else { 
    $(this).prop(checked, 'true'); 
    localStorage.setItem("checkedbox", 'true'); 
    } 

}) 

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type = "checkbox" id="check"/>