localStorage of Radio Button

Question

我似乎找不到单选按钮的简单localStorage实现。

这example似乎实际上使用的是Cookie而不是localStorage。

此example没有答案。

我想尝试避免设置输入的val，因为会有数百个不同的列表。 html：

   <ol type="A" class="quizzy">
       <li><label><input type="radio" name="set1" class="mcObj" onclick="return correctIt(5)"><span>Lorem</span></label></li>
       <li><label><input type="radio" name="set1" class="mcObj" onclick="return correctIt(2)"><span>Lorem</span></label></li>
       <li><label><input type="radio" name="set1" class="mcObj" onclick="return correctIt(4)"><span>Lorem</span></label></li>
       <li><label><input type="radio" name="set1" class="mcObj" onclick="return correctIt(4)"><span>Lorem</span></label></li>
   </ol>

问题是无论用户检查什么按钮，它总是存储的最后一个输入。

javascript：

    ...
    } else if($(this).is('input[type="radio"]') === true) {
        //If this is a radio input...
            if(content !== null) {
                $('input[name="'+getInputName+'"]').each(function(){
                //...check each button...
                    if($(this).val() === content) {
                    //...and if the value of "content" (referenced above) matches...
                        $(this).attr('checked','checked');
                        //...check this radio button.
                    }
                });
            }

            $(this).bind('click',function(){
                localStorage[getInputName] = $(this).val();
                //store the value of the button whenever one is clicked
                //alert('foo');
            });
    ...

指向codepen example。

的链接

任何人都知道如何存储单选按钮？ （如果它的代码质量低于平均水平，那就很抱歉。）