刷新后如何顯示“選定的單選按鈕”？

Question

刷新頁面后，用戶選擇的單選按鈕丟失。 即使我刷新了頁面，如何始終顯示用戶的“選定的單選按鈕”？

<input name="radiobutton" type="radio" value="" id="all" checked />

單選單選不適合，因為它會一直顯示默認單選按鈕。

以下是我的代碼：-

<form name="myfrm" id="myfrm" action="" method="post">
    <input name="radiobutton" type="radio" value="" id="all" />
    <label>All Languages</label>
    <input name="radiobutton" type="radio" value="" id="english" />
    <label>English</label>
</form>

Answer 1

我不知道這是不是你想要的。 但想到的事情是 HTML5 網絡存儲功能。通過該功能，您可以將數據存儲在用戶的計算機上。

因此，每當用戶更改輸入字段時，您都可以創建一個 javascript 調用，將值存儲到 localstorage 中：

localStorage.setItem(“inputName”, “value”);

然后當您加載頁面時，您會查看是否存儲了這些值中的任何一個，然后填寫它們。

Answer 2

您應該符合標准並為每個屬性賦值。 這意味着你需要檢查=“檢查”

<input name="radiobutton" type="radio" value="" id="all" checked="checked" />

如果您問如何堅持之前選擇的內容：AFAIK，純 HTML 是不可能的。 您需要綁定一個 Javascript 事件，該事件將選定的單選按鈕提交到您的服務器，以及一個動態生成的頁面（通過 PHP、Python 等）將 'checked="checked" 放在作為已檢查提交的單選按鈕上。

編輯：

在我看來，將當前選擇的單選按鈕提交到服務器並動態生成頁面可能有點矯枉過正。

Answer 3

我認為這個討論會幫助你......雖然這個討論是關於保存復選框的狀態，但你可以根據你的需要修改該代碼......希望這對你有幫助！！！

保存 inputElement 的狀態