页面刷新后由jquery保留标签的值

你好，我有这个密码

<div class="values"><span>Labels :</span><span class="selected"></span>
</div>
<div id='main'>
    <div class="data">
        <div class="values">
            <div>
                <p>
                    <label data-name="1">a</label>
                    <input type="checkbox" value="1" />
                </p>
            </div>
            <div>
                <p>
                    <label data-name="2">b</label>
                    <input type="checkbox" value="2" />
                </p>
            </div>
            <div>
                <p>
                    <label data-name="3">c</label>
                    <input type="checkbox" value="3" />
                </p>
            </div>
        </div>
    </div>
    <div class="data">
        <div class="values">
            <div>
                <p>
                    <label data-name="1">d</label>
                    <input type="checkbox" value="1" />
                </p>
            </div>
            <div>
                <p>
                    <label data-name="2">e</label>
                    <input type="checkbox" value="2" />
                </p>
            </div>
            <div>
                <p>
                    <label data-name="3">f</label>
                    <input type="checkbox" value="3" />
                </p>
            </div>
        </div>
    </div>
</div>

我可以通过点击复选框来动态显示标签中的值，但当我刷新页面时，复选框被选中，但标签不被读取。要标记和输入的数据从php数组中读取

---

如何在页面刷新后通过jquery将此代码从标签更改为红色值。

即使在页面刷新后，您也可以使用HTML5本地存储或会话存储来记住标签值

function labelsValue(selected) {
        var selected = $('#main input[type="checkbox"]').filter(':checked').map(function() {
        return $.trim($(this).next().attr('data-name'));

        }).get();

       $('.labels .values').text(selected.join(', '));       
    }

    $('input').on('change', function() {
        labelsValue($(this));
    });