html LocalStorage Value set使用JQuery.html获取

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html LocalStorage Value set使用JQuery.html获取相关的知识，希望对你有一定的参考价值。

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

以上是关于html LocalStorage Value set使用JQuery.html获取的主要内容，如果未能解决你的问题，请参考以下文章

localStorage使用

localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车

localstorage sessionStorage cookie 区别

HTML5 LocalStorage 本地存储

HTML5 localstorage 添加双引号

localstoragesessionstorage 存储布尔值要注意