将输入/复选框数据存储到json存储 - 按下按钮

Question

我一直在仔细搜索一些json教程，但是我只是讨论如何预定义变量。

我想从复选框中获取输入或数据，并在按下按钮时将其存储在某个地方，以便稍后在表单完全填写时使用。

例如：

<ul>
        <li><input type="checkbox" name="special[]" value="op1" />1</li>
        <li><input type="checkbox" name="special[]" value="op2" />2</li>
        <li><input type="checkbox" name="special[]" value="op3" />3/li>
</ul>
    <input type="button" name="submit" value="Next" id="nextquestion1" />

当您按下提交按钮时，jquery点击功能将存储哪些是真的

{"choices": {"op1": true,"op2": false,"op3":true}}

但是我不确定如何在实践中这样做，因为我是新手：）

我也想知道如何存储输入字符串;例如DATE：17/08/2011 - 按下按钮NEXT会将该数据存储在变量中。

感谢大家阅读我的问题！ ：））

Answer 1

如果您只是在客户端存储数据，我不确定JSON是否可行。您是否考虑过jQuery的.data()方法？

http://api.jquery.com/jQuery.data/

修改

//Attach to click even of submit button
$('#nextquestion1').click(function() {
    $('#myUL :checkbox').each(function () {
        $this = $(this);
        $.data(document.body, $this.attr('value'), $this.is(':checked'));
    });
});

//Attach to event of button that will alert persisted values
$('#getStoredValues').click(function () {   
    $.each($.data(document.body), function(key, value) {
        alert('Name= '+ key + ' Value= ' + value);
    });
});

这是a working Fiddle。

旁注：您是第三个<li>未正确关闭。