1. 页面数据缓存 (1)以键值对保存和存储临时数据,可在一个页面保存,另一个页面打开 localStorage.setItem("key", value); localStorage.getItem("key"); (2)例: 在a.html保存姓名 localStorage.setItem("name", "张三"); 在b.html中取出姓名 var name = localStorage.getItem("name"); 2. 复选框 <input type="checkbox" id="checkItem" value="1"> (1)获取复选框的值 $("#checkItem").val(); (2)获取复选框是否被选中 $(this).is(":checked") (3)复选框被选中后获取值 $("#checkItem").click(function(){ if($(this).is(":checked")){ var value = $("#checkItem").val(); } }); 3. 单选框 (1)利用name分组,name相同的单选框为一组 <input type="radio" value="男" name="sex">男<br> <input type="radio" value="女" name="sex">女<br> <input type="radio" value="普通用户" name="userType">普通用户<br> <input type="radio" value="管理员" name="userType">管理员<br> (2)在jquery中获取一组单选框被选中的值 $("input[name='sex']:checked").val(); (2)选择后获取本组单选框的值 $("input[name='sex']").click(function(){ var value = $("input[name='sex']:checked").val(); alert(value); }); 4. 下拉菜单 <select id="menu"> <option value="四川">四川</option> <option value="湖北">湖北</option> <option value="广东">广东</option> </select> (1)在jquery中获取被选选项值 $("#menu").val() (2)选择下拉选项后获取被选选项值 $("#menu").change(function(){ var value = $("#menu").val(); alert(value); });