Hola amigos y gracias de ante mano.
Se trata de un input que agrega un nuevo "li" a una lista "ul" con "append()" de jquery,
Lo que quiero es que cuando el usuario recargue la pagina sus datos sigan, se supone que es con cookies pero no soy muy experto en ello y no se como implementarlo.
Este es mi código:
Código:
<html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(document).ready(function(){
$('#add_item').click(function(){
var Agregar = $('input[name=Item]').val();
$('#list').append('<li><input type="checkbox" /><span>' + Agregar + '</span></li>');
});
$( '#list' ).on( 'click', 'input:checkbox', function () {
$( this ).parent().toggleClass( 'highlight', this.checked );
});
$('#remove_item').click(function(){
$('.highlight').remove();
});
$( "#list" ).sortable();
$( "#list" ).disableSelection();
});
</script>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<input type="text" name="Item"/>
<div id="add_item">Add</div>
<div id="remove_item">Remove</div>
<ul id="list">
</ul>
</body>
</html>