Question

我使用icheck单选按钮和复选框创建了一个清单。我还有一个按钮可以打印清单。

<style>
  @media print {
  #printpage {
    display: none;
  }
  #submit {
    display: none;
  }
  .noprint {
    display: none;
  }
  input[type=checkbox], input[type=radio] {
        opacity: 1 !important;
    }
}
</style>

<div class="row">
    <div class="col-lg-12">
        <div class="form-group i-checks">
            <input type="checkbox" name="poa" id="poa" />
            <strong><a href="forms/poa.cfm" target="_blank">Power of Attorney - if applicable (click here to print)</a></strong>
        </div>
    </div>
</div>

    <button class="btn-u btn-u-orange"  onclick="printChecklist()" name="printpage" id="printpage" ><i class="icon-printer"></i> Print Checklist</button>

    <script>
    function printChecklist() {
        window.print();
    }
    </script>

我遇到的问题是，我选择打印所有复选框，然后再次取消选中，就像页面已刷新一样。

我的按钮是否可以打印页面，但不取消选中我所有的复选框，就像用户按下打印按钮时离开屏幕一样，退出屏幕？

Answer 1

以防其他人遇到我遇到的这个问题。最终我发现我删除了脚本功能，并将按钮的onclick更改为onclick="window.print(); return false;"

window.print（）在页面打印后从复选框中删除复选标记

1 个答案: