localstorageの使用方法jquery mobileのチェックボックス状態を保存しますか？

Question

<table data-role="table" data-mode="columntoggle" class="ui-responsive ui-shadow" data-column-btn-text=""> 
     <thead> 
      <tr> 
       <th data-priority="1" id="th0">1</th> 
       <th data-priority="1" id="th1">2</th> 
       <th data-priority="1" id="th2">3</th> 
       <th data-priority="1" id="th3">4</th> 
       <th data-priority="1" id="th4">5</th> 
      </tr> 
    </thead> 
    <tbody> 
      <tr> 
       <td>1</td> 
       <td>2</td> 
       <td>3</td> 
       <td>4</td> 
       <td>5</td> 
      </tr> 
    </tbody>  
</table> 

私はテーブルを使ってjquery mobile.okay！し、いくつかの列を非表示にしたいので、私は "列..."をタップする、今私は列を非表示にしますが、このページを更新すると、すべての列が表示されるわけではありません。私はそこに「ui-checkbox-on」と「ui-checkbox-off」があることを知っています.... THX！データの格納に

Answer 1

：

localStorage.setItem("username", username); 

データを取得するために：

あなたのケースでは

var username = localStorage.getItem("username"); 

何かのように：

HTML：

<input type="checkbox" onclick="toggle('.myClass', this)" > 
<div class="myClass"> 
    check 1. 
</div> 

<input type="checkbox" onclick="toggle('.myClass2', this)" > 
<div class="myClass2"> 
    check 2. 
</div> 

<input type="checkbox" onclick="toggle('.myClass3', this)" > 
<div class="myClass3"> 
    Check 3. 
</div> 

JS：

function toggle(className, obj) { 
    var $input = $(obj); 
    if ($input.prop('checked')) { 
     $(className).css("visibility", "hidden"); 
     console.log(className); 
     localStorage.setItem(className,'hidden') 
    } 
    else { 
     $(className).css("visibility", "visible"); 
     localStorage.setItem(className,'visible') 
    } 
} 

CSS：

input[type="checkbox"] { 
    clear: both; 
    float:left; 
} 

JSFiddle：https://jsfiddle.net/dudu84/jxghvoqv/2/