sheikh-k
4/5/2017 - 6:54 AM

LocalStorage Value set get using JQuery.html

LocalStorage Value set get using JQuery.html
content_copyfile_download
<!-- 
http://stackoverflow.com/questions/30169344/how-to-store-files-in-local-storage-using-jquery
http://www.webdesignerdepot.com/2013/04/how-to-use-local-storage-for-javascript/

//EXAMPLES:::
localStorage.height = $('#height').val(); // set value
$('#height').val(localStorage.height); // get value

localStorage.setItem('userid','2'); //To set a data
var userId = localStorage.getItem('userid'); // To get a data
localStorage.removeItem('userid'); //To remove a data
-->


<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css" />
    <title>Test</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
    <script>
		$(document).ready(function() {
			$(window).unload(saveSettings);
			loadSettings();
		});

		function loadSettings() {
			$('#height').val(localStorage.height);
			$('#weight').val(localStorage.weight);
			$('#dateOfBirth').val(localStorage.dateOfBirth);
			$('input[value="' + localStorage.gender + '"]').prop('checked', true);
			$("#sportive").val(localStorage.sportive);
		}

		function saveSettings() {
			localStorage.height = $('#height').val();
			localStorage.weight = $('#weight').val();
			localStorage.dateOfBirth = $('#dateOfBirth').val();
			localStorage.sportive = $("#sportive").val();
			localStorage.gender = $('input[type=radio]:checked').val();
		}
    </script>
</head>
<body>
    <div data-role="content">

        <form id="myForm" >

            gender:

            <input id="man" type="radio" name="gender" value="Man" >
            <label for="man">Man</label>

            <input id="vrouw" type="radio" name="gender" value="Vrouw">
            <label for="vrouw" >Vrouw</label>

            dateOfBirth:
            <input type="date" id="dateOfBirth" name="datum" required />

            weight (in kg):
            <input type="number" id="weight" name="weight" required />

            height (in cm):
            <input type="number" id="height" name="height" required />

            Hoeveel keer doe je aan sport per week?
            <select id="sportive" name="sport">
                <option value="1.2" >Weinig of geen training, kantoorwerk</option>
                <option value="1.375">Lichte training/sport 1-3 dagen per week</option>
                <option value="1.55" >Gemiddelde training/sport 3-5 dagen per week</option>
                <option value="1.725" >Zware training/sport 6-7 dagen per week</option>
                <option value="1.9" >Zware dagelijkse training/sport plus lichamelijk werk</option>
            </select>

            <br />

        </form>

    </div>
</body>