你好我得到了这段代码
<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将此代码更改为标签中的红色值。
答案 0 :(得分:0)
即使页面刷新后,您也可以使用HTML5本地存储或会话存储来记住标签值。