У меня есть 6 флажков на моей странице и кнопка отправки. Я хочу сохранить состояние флажка после перезагрузки. Кнопка «Отправить» перезагружает мою страницу. У меня есть следующее.jQuery не получает последнее состояние checkbox
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script>
<script src="../js/cookie.jquery.js"></script>
<script>
$(document).ready(function(){
$("input.box").each(function() {
var mycookie = $.cookie($(this).attr('name'));
if (mycookie) {
$(this).prop('checked', mycookie);
}
});
$("input.box").change(function() {
$.cookie($(this).attr("name"), $(this).prop('checked'), {
path: '/',
expires: 365
});
});
});
</script>
</head>
<body>
<input class="box" type="checkbox" name="1" value = " One "> One<br/>
<input class="box" type="checkbox" name="2" value = " Two "> Two<br/>
<input class="box" type="checkbox" name="3" value = " Three "> Three<br/>
<input class="box" type="checkbox" name="4" value = " Four "> Four<br/>
<input class="box" type="checkbox" name="5" value = " Five "> Five<br/>
<input class="box" type="checkbox" name="6" value = " Six "> Six<br/>
<input type="Submit" value = " Submit " onClick = " javascript:window.location.reload(); ">
</body>
</html>
Я очистил свой кеш и запустил это. Я получил точный результат в первый раз. Со второго раза неконтролируемые значения не сохраняются, но сохраненные значения сохраняются. Кто-нибудь может мне помочь?
Пробовал проверять, а затем убрав? –
Попробуйте другой браузер? Если вы используете Firefox, это известно тем, что эта проблема связана с формами. –
@Florian F: да, я тоже пробовал это. @ SwitchingBrains: используя хром. –