1. 页面数据缓存
(1)以键值对保存和存储临时数据,可在一个页面保存,另一个页面打开
localStorage.setItem("key", value); localStorage.getItem("key");
(2)例:
在a.html保存姓名在b.html中取出姓名localStorage.setItem("name", "张三");
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();
(3)选择后获取本组单选框的值
$("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); });
1、
正式的试题跟模拟题类似,都是布局、输入数据验证、发送AJAX请求、收到JSON、读取JSON构造HTML并渲染到网页中去、为新渲染的HTML元素添加事件、执行事件后又发送新的请求再做新的渲染。
2、动态构造的HTML跟模拟题差不多,都是需要重复显示的结构,不一定是表格,如果你们实现起来有困难,也可以就用你们熟悉的格式构造HTML,把会做的都做完了后,有时间再回头调整HTML格式和样式表。