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

假设你的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);

Answer 2

添加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');
}

如何从cookie中选择正确的单选按钮？

2 个答案: