Question

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

这样做的最佳方式是什么？我认为jQuery remove（）但我不确定如何重新加载页面。页面重新加载是必须的，因为它将被制作成PDF。

<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();
          });
    });

删除元素并重新加载页面

2 个答案: