保留值FOM的標籤的jQuery刷新

Question

你好我得到這個代碼

<div class="values"><span>Labels :</span><span class="selected"></span> 
</div> 
<div id='main'> 
    <div class="data"> 
     <div class="values"> 
      <div> 
       <p> 
        <label data-name="1">a</label> 
        <input type="checkbox" value="1" /> 
       </p> 
      </div> 
      <div> 
       <p> 
        <label data-name="2">b</label> 
        <input type="checkbox" value="2" /> 
       </p> 
      </div> 
      <div> 
       <p> 
        <label data-name="3">c</label> 
        <input type="checkbox" value="3" /> 
       </p> 
      </div> 
     </div> 
    </div> 
    <div class="data"> 
     <div class="values"> 
      <div> 
       <p> 
        <label data-name="1">d</label> 
        <input type="checkbox" value="1" /> 
       </p> 
      </div> 
      <div> 
       <p> 
        <label data-name="2">e</label> 
        <input type="checkbox" value="2" /> 
       </p> 
      </div> 
      <div> 
       <p> 
        <label data-name="3">f</label> 
        <input type="checkbox" value="3" /> 
       </p> 
      </div> 
     </div> 
    </div> 
</div> 

JS

function labelsValue(selected) { 
     var selected = $('#main input[type="checkbox"]').filter(':checked').map(function() { 
     return $.trim($(this).next().attr('data-name')); 

     }).get(); 

     $('.labels .values').text(selected.join(', '));  
    } 

    $('input').on('change', function() { 
     labelsValue($(this)); 
    }); 

而且我通過chekcbox點擊具有標籤dynimicly顯示值，但是當我刷新頁面複選框被選中但沒有標籤。標籤和輸入數據從php數組中讀取。

如何在頁面刷新後通過jquery將此代碼更改爲標籤中的紅色值。

Answer 1

即使在頁面刷新後，也可以使用HTML5本地存儲或會話存儲來記住標籤值。