我怎样才能 select 从 cookie 正确的单选按钮？

Question

这是对文本字段进行选择的方式，其中文本字段的 ID 为 id="abc"，并且它工作正常

$('#abc').val(getCookie('user_xyz'));

场景：

客户在站点中输入他的信息并继续前进。然后客户单击浏览器中的后退按钮（我相信类似于刷新按钮），他想查看其中的所有信息。实际结果：除单选按钮外，所有内容均已填写预期结果：全部填写。

<div class="form-group dot-one image-radio-button--joined clearfix">
            <label>Geslacht</label>
            <div class="">
                <input type="radio" data-event-label="man" data-event-action="click" data-event-category="geslacht" aria-required="true" data-val-gender="Vul alstublieft dit veld in" data-val="true" data-val-required="Vul alstublieft dit veld in" value="m" id="male" name="general[gender]" class="image-radio-button__input" data-autotab="true" tabindex="1" aria-invalid="false">
                <label class="image-radio-button__label left" for="male">Man
                    <img class="image-radio-button__svg sm-hide" src="/static/images/remaster/18-35jaar_man.svg">
                </label>
                <input type="radio" data-event-label="vrouw" data-event-action="click" data-event-category="geslacht" aria-required="true" data-val-gender="Vul alstublieft dit veld in" data-val="true" data-val-required="Vul alstublieft dit veld in" id="female" value="m" name="general[gender]" class="image-radio-button__input" data-autotab="true" tabindex="1">
                <label class="image-radio-button__label right" for="female">Vrouw
                    <img class="image-radio-button__svg sm-hide" src="/static/images/remaster/18-35jaar_vrouw.svg">
                </label>
            </div>
        </div>

Answer 1

添加 this library，您将能够像这样访问 cookie：

Cookies.set('cookie-name', 'cookie value') // set cookie
var val = Cookie.get('cookie-name'); // get cookie

if (val === SOMETHING) {
    $('#abc').attr('checked', 'checked');
}

Answer 2

假设您的 html 看起来像这样：

<form id="myForm">
    <input type="radio" value="red" name="color">Red</input>
    <input type="radio" value="blue" name="color">Blue</input>
</form>

从 cookie 中获取值后（看起来您编写了一个函数来获取 cookie，所以它看起来像这样）：

var colorSelection = getCookie("colorRadioButtonSelection");

您可以像这样检查正确的单选按钮：

$("input[name='color'][value=" + colorSelection + "]").prop("checked", true);

我怎样才能 select 从 cookie 正确的单选按钮？

How can I select from cookie correct radio button?

cookies

jquery

jquery-selectors

jquery-cookie