localstorage: Shop Kontrollkästchen aktiviert automatisch

Question

ich so etwas wie dies in PHP haben:

if(isset($_POST['submit']){ 
      $check = in_array($row['service_object_id'], $values) ? 'checked' : ''; 
    }      
    echo '<input type="checkbox" class="faChkRnd" id="'.$row['service_object_id'].'" name="list[]" value="'.$row['service_object_id'].'" '.$check.'>'; 

Jedes Mal, wenn ich einen Submit-Button drücken, wird die Kontrollkästchen mit Werten innerhalb $check überprüfen. Es funktioniert gut, aber ich möchte die Kontrollkästchen in LocalStorage automatisch nach dem Drücken der Taste gespeichert speichern.

ich bereits dieses Skript verwendest sie nach dem Klick zu speichern, aber es wird nicht automatisch funktionieren:

<script type = "text/javascript"> 
$('.faChkRnd').on('click', function() { 
    var fav, favs = []; 
    $('.faChkRnd').each(function() { // run through each of the checkboxes 
    fav = {id: $(this).attr('id'), value: $(this).prop('checked')}; 
    favs.push(fav); 
    }); 
    localStorage.setItem("favorites", JSON.stringify(favs)); 
}); 

$(document).ready(function() { 
    var favorites = JSON.parse(localStorage.getItem('favorites')); 
    if (!favorites.length) {return}; 
    console.debug(favorites); 

    for (var i=0; i<favorites.length; i++) { 
    console.debug(favorites[i].value == 'on'); 
    $('#' + favorites[i].id).prop('checked', favorites[i].value); 
    } 
}); 
</script> 

Irgendwelche Ideen? Vielen Dank !

Answer 1

Sie überprüfen Art von favorites[i].value. Zeichenfolge oder Boolescher Wert?

string:

if(favorites[i].value == "true") { 
    $('#' + favorites[i].id).prop('checked',true); 
} 

boolean:

$('#' + favorites[i].id).prop('checked',favorites[i].value); 

Beispiel:

string: https://jsfiddle.net/utm4za2p/1/

boolean: https://jsfiddle.net/utm4za2p/3/

Answer 2

Sie können die Methode submit verwenden.
Sie haben ein Formular mit dem Senden-Button und Sie müssen es nur zu einem normalen Button ändern.

Und Sie sollten

$('.yourForm').submit() 

bis zum Ende der Click-Handler setzen, wo Sie die Werte in die localstorage speichern.

Da, wenn Sie den Absenden-Button drücken, kann es vor Ihrem Click-Handler ausgelöst werden.
Sie müssen zuerst die Werte speichern und dann das Formular absenden.