將複選框狀態從一個頁面傳遞到另一個頁面

我有2個網頁，頁面A和頁面B，頁面A有鏈接（鏈接1和鏈接2），頁面B有複選框（複選框1和複選框2）。當我點擊頁面A上的鏈接1時，它將更改爲頁面B，頁面B中的複選框1將被反過來檢查。主要用於HTML5和/或jQuery的將複選框狀態從一個頁面傳遞到另一個頁面

感謝

不忘展現例如編碼.. 這就是我試圖

頁A

<a href="pageb.html#check1" checked>Link to check Checkbox1</a> 


<a href="pageb.html#check2" checked > Link to Check Checkbox2</a>

網頁B

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


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

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

來源

2015-05-04 trasyaari

你可以使用jQuery來閱讀和設置複選框，但它好像你只需要[Window.localStorage]（https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage ），它[非常支持]（http://caniuse.com/#search=localstorage） –

如果您可以使用html5，localStorage可能會對您有所幫助。只需保存你的複選框的狀態在第A與localStorage.setItem（「pageAcheck」，「真」），然後在用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") 
});

來源

2015-05-04 03:42:27 ItayB

你能舉個例子嗎？我似乎不能得到它的權利..也許我做錯了......在此先感謝 – trasyaari

你試過什麼？ – ItayB

剛剛爲您添加了示例（以上） – ItayB

如果你想用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中的代碼正在獲取存儲的值並設置該複選框，實際上是在頁面之間傳遞值。

來源

2015-05-04 05:21:25

兩者都使用複選框輸入？但我正在尋找的是頁面只有鏈接，換句話說，使用鏈接來檢查其他頁面上的複選框 – trasyaari

將複選框狀態從一個頁面傳遞到另一個頁面

回答

相關問題