Jquery prop onチェックボックスがページロードで機能しない

Question

私のページにはチェックボックスがあり、デフォルトでチェックされています。私は、LocalStorageを使用して、ユーザーがそれを変更した場合に値をそこに保存しようとします。

<script language="javascript" type="text/javascript"> 
     jQuery(document).ready(function ($) { 

      $('#togglelist').prop('checked', localStorage.ListCheckbox); 

      $("#togglelist").change(function() { 
       localStorage.ListCheckbox = $('#togglelist').prop('checked'); 
      }); 

    </script> 

をチェックボックスをクリックしながら、私は値が変化するデベロッパーコンソール上で見ることができます：

これは私がやっていることです。また、チェックしないままにすると（false）、次のページの読み込み時に、ローカルストレージの値はfalseになりますが、チェックボックスはまだチェックされています。

編集：私はJQMを持っていないのでcheckboxradio('refresh')を使用することはできません。

Answer 1

non-emptyとして文字列は常にtruthyあり、string

テストstring

$('#togglelist').prop('checked', localStorage.ListCheckbox==='true');