jquery - 将输入/复选框数据存储到 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 click 函数将存储哪些是 true

{"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>未正确关闭。