进度日记:9.4
上午:可以动态生成表格,并支持了在数据库中删除数据的功能
html中
1 <form name="formTable" id="formTable" action="managerTable.jsp" method="post"> 2 // 其中有一些checkbox 3 <input type="hidden" id="selectItem" name="selectItem" value="hahaha" /> 4 <p><input type="button" onclick="javascript:selectall()" value="Select all" /> 5 <input type="button" onclick="javascript:cancelall()" value="Cancel all" /> 6 <input type="button" onclick="javascript:formSubmit()" value="Delete selected" /></p> 7 </form>
jsp中
1 <script type="text/javascript"> 2 // select all 3 function selectall() { 4 var tform = document.forms['formTable']; 5 for (var i = 0; i < tform.length; ++ i) { 6 var e = tform.elements[i]; 7 if (e.type == "checkbox") 8 e.checked = true; 9 } 10 } 11 // cancel selected 12 function cancelall() { 13 var tform = document.forms['formTable']; 14 for (var i = 0; i < tform.length; ++ i) { 15 var e = tform.elements[i]; 16 if (e.type == "checkbox") 17 e.checked = false; 18 } 19 } 20 // delete selected 21 function formSubmit(){ 22 //js获取复选框值 23 var obj = document.getElementsByName("checkbox");//选择所有name="interest"的对象,返回数组 24 var s='';//如果这样定义var s;变量s中会默认被赋个null值 25 for(var i = 0; i < obj.length; ++ i) { 26 if (obj[i].checked) //取到对象数组后,我们来循环检测它是不是被选中 27 s += obj[i].value + ','; //如果选中,将value添加到变量s中 28 } 29 if (s == '') alert('No selected item!'); 30 else { 31 document.getElementById("selectItem").value = s; 32 document.getElementById("formTable").action = "managerTable.jsp"; 33 document.getElementById("formTable").submit(); 34 } 35 } 36 </script>
晚上:完成了open flash chart的学习,并根据数据库信息生成了表格。
学习的网站主要有:
http://www.w3schools.com/html/default.asp
http://teethgrinder.co.uk/open-flash-chart-2/