javascript - 为什么它不保存值？

Question

您好，我制作了一个应用程序，其中所有单选按钮状态都保存在本地存储中。所有单选按钮都有一个值，但是一旦我发送保存的单选按钮值，我只收到 0，而不是单选按钮值。但如果我至少按下一个单选按钮，所有值都是正常的。我写了一个脚本，如果选中单选按钮，则元素将收到一个值。该脚本运行良好。所以我得出的结论是，我的 jQuery 代码无法正常工作。这是保存单选按钮状态的 jquery 代码。

$(function()
{    $('input[type=radio]').each(function()
    {
        var state = JSON.parse( localStorage.getItem('radio_'  + $(this).attr('id')) );

        if (state) this.checked = state.checked;
    });
}); $(window).bind('unload', function()
{
    $('input[type=radio]').each(function()
    {        localStorage.setItem(
            'radio_' + $(this).attr('id'), JSON.stringify({checked: this.checked})
        );
    });
});

Answer 1

(我刚刚看到您修复了它，但我仍然会发布此建议，因为它简化了您的代码。)

由于您正在处理单选按钮，因此我只存储所选值。无需显式循环所有按钮。

$(function()
{    
    var value = localStorage.getItem('selected_radio');
    $('input[type=radio][value=' + value + ']').prop('checked', true);

    $(window).bind('unload', function()
    {
        localStorage.setItem('selected_radio', $('input[type=radio]:checked').first().val());
    });
});