删除元素并重新加载页面

Question

我有一个搜索结果列表。用户通过勾选复选框来选择他们希望保留的搜索结果。一旦他们完成选择，他们点击“查看选择的选择”，页面就会重新加载他们的选择。

做这件事的最好方法是什么？我认为page.The ()，但我不确定如何重新加载的page.The页面重新加载是必须的，因为它将成为一个jQuery。

<ul>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"></input>
        <div>content</div>
    </li>
</ul>
<button>View Chosen Selection</button>

Answer 1

在javascript中使用location.reload(true)重新加载页面

Answer 2

我认为描述有点误导，但是我应用了额外的更改来与错误描述保持一致。好的，为了达到预期的效果，请使用以下代码：

<ul>
    <li class="property-list">
        <input type="checkbox" class="category1" id="elem1"/>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"  id="elem2" />
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1"  id="elem3"/>
        <div>content</div>
    </li>
    <li class="property-list">
        <input type="checkbox" class="category1" id="elem4"/>
        <div>content</div>
    </li>
</ul>
<button>View Chosen Selection</button>

以及JS端(为了保存所选元素的历史，已经使用了HTML5 Api sessionStorage )：

    $(function(){
        var sStorage = window.sessionStorage || {},    
           getVal = sStorage.getItem('elemId') || null,
           $button = $('button');

          // bind 'click' event with input DOM node
          $(document).on('click', 'input[type=checkbox]', function(e) {
          var $idAttr = $(e.target).attr('id');

          // eval if elem is checked
          var isElementChecked = 
                $('#' +$idAttr ).is(':checked') ? 
                  sStorage.setItem('elemId', $idAttr) :
                    sStorage.removeItem('elemId');
          });

          if (typeof getVal === "undefined" || getVal === '') {
              $('#'+ sStorage.getItem('elemId'))
          }            
          else {
              $('#'+ sStorage.getItem('elemId')).
                      attr('checked', true);
          }

          // bind 'click' evt with button
          $(document).on('click', $button, function(){
            return location.reload();
          });
    });