Question

你好我得到了这段代码

<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>

JS

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));
    });

我通过chekcbox点击动态显示标签中的值，但是当我刷新页面时，会检查复选框，但不会读取标签。标记和输入的数据从php数组中读取。

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

Answer 1

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

页面刷新后通过jquery保留标签中的值

1 个答案: