JAVA 大作业——DAY 7

进度日记：9.4

上午：可以动态生成表格，并支持了在数据库中删除数据的功能

html中

<form name="formTable" id="formTable" action="managerTable.jsp" method="post">
　　　　 // 其中有一些checkbox
　　　　 <input type="hidden" id="selectItem" name="selectItem" value="hahaha" /> 
        <p><input type="button" onclick="javascript:selectall()" value="Select all" />
        <input type="button" onclick="javascript:cancelall()" value="Cancel all" />
        <input type="button" onclick="javascript:formSubmit()" value="Delete selected" /></p>
</form>

jsp中

<script type="text/javascript">
// select all
function selectall() {
 var tform = document.forms['formTable'];
 for (var i = 0; i < tform.length; ++ i) {
  var e = tform.elements[i];
  if (e.type == "checkbox")
      e.checked = true;
 }
}
// cancel selected
function cancelall() {
 var tform = document.forms['formTable'];
 for (var i = 0; i < tform.length; ++ i) {
  var e = tform.elements[i];
  if (e.type == "checkbox")
      e.checked = false;
 }
}
// delete selected
function formSubmit(){ 
    //js获取复选框值    
    var obj = document.getElementsByName("checkbox");//选择所有name="interest"的对象，返回数组    
    var s='';//如果这样定义var s;变量s中会默认被赋个null值
    for(var i = 0; i < obj.length; ++ i) {
        if (obj[i].checked) //取到对象数组后，我们来循环检测它是不是被选中
        s += obj[i].value + ',';   //如果选中，将value添加到变量s中    
    }
    if (s == '') alert('No selected item!');
    else {
        document.getElementById("selectItem").value = s;
        document.getElementById("formTable").action = "managerTable.jsp"; 
        document.getElementById("formTable").submit();
    }                       
} 
</script>

晚上：完成了open flash chart的学习，并根据数据库信息生成了表格。

学习的网站主要有：

http://www.w3schools.com/html/default.asp

http://teethgrinder.co.uk/open-flash-chart-2/