Question

我有2个网页，第A页和第B页，第A页有链接（链接1和链接2），而页面B有复选框（复选框1和复选框2）。当我点击页面A上的链接1时，它将变为页面B，而页面B中的复选框1将被检查，反之亦然。主要用于html5和/或jquery

由于

忘记显示示例编码.. 这就是我试过的

第A页

<input type="checkbox" id="checkbox1">
<Label for="checkbox1>CheckBox1</label>


<input type="checkbox" id="checkbox2">

<Label for="checkbox2>CheckBox2</label>

Page B

[environment]::Version

Answer 1

如果您可以使用html5，localStorage可能会对您有所帮助。只需使用localStorage.setItem（“pageAcheck”，“true”）保存页面A中复选框的状态，然后使用localStorage.get项目（“页面检查”）在第二页上获取它的状态

Fiddle example

第A页

<input id="cA" type="checkbox" />A

$("#cA").change(function (event) {
    alert($("#cA").is(":checked"));
    localStorage.setItem("cA",$("#cA").is(":checked"));
});

第B页

<input id="cAB" type="checkbox" />B
// in the second page on load
$(function() {
    if (localStorage.getItem("cA") == "true")
        $("#cB").prop("checked","true")
});

Answer 2

如果你想将jQuery与[localStorage][1]结合起来，你可以这样做：

在PageA.html上：

<script>
  $(function() {
    $('input[name=check]').on('change', function() {
      window.localStorage.setItem('pageACheck', $(this).is(':checked'));
    });
  });
</script>
<input type='checkbox' name='check'/> Check

然后在PageB.html上，您可以拥有以下代码：

<script>
  $(function() {
    $('input[name=check]').attr("checked", window.localStorage.getItem('pageACheck'));
  });
</script>
<input type='checkbox' name='check'/> Check

PageA.html中的代码正在做的是将复选框的更改事件绑定到存储更改值的回调。然后在DOM Ready回调中，PageB.html中的代码获取存储的值并设置复选框，实际上是在页面之间传递值。

将Checkbox状态从一个页面传递到另一个页面

2 个答案: