Question

我使用JQuery在动态创建的列表中放置了几个复选框。该列表在10秒后刷新。列表刷新后如何保留列表中复选框的状态。这是我的HTML标记：

enter code here

<!DOCTYPE HTML>
<html> 
  <head>
    <script src="js/jquery-1.11.0.js">
  </head>
<body>
   <ul>
      <li><label for='machineBlock'> Blocked </label>
          <input type='checkbox' name='Checkbox1' id='machineBlock' value='1'>
     </li>
     <li><label for='machineStarve'> Starved </label>
         <input type='checkbox' name='Checkbox2' id='machineStarve' value='2'>
     </li>
  </ul>
</body>
</html>

这是我的JS代码

$(":checkbox").on("click", function () {
   var isChecked = $(":checkbox").is(":checked");
   if(isChecked == true) {
      var checkboxValues = {};
      $(":checkbox").each(function(){
      checkboxValues[this.id] = this.checked;
      localStorage.setItem('checkboxValues' , checkboxValues);
  });
  $(":listid").listview('refresh');
  var isData = localStorage.getItem('checkboxValues');
  if(!data){
   $(":checkbox").each(function () {
     $(this).prop('checked', true);
  }

任何帮助将不胜感激。先谢谢你。

使用JQuery保留动态创建的复选框的状态

0 个答案: