这段表格的加法 怎么会出错求高手指教
表格前面都好 就是不知道 为什么 第2段的垒加不会成功是一次一次显示的?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 一周工作报告 </title>
<script language= "JavaScript ">
<!--
var intRowIndex = 0;
function insertRow(tbIndex){
var objRow = myTable.insertRow(tbIndex);
var objCel = objRow.insertCell(0);
objCel.innerHTML = document.myForm.myCell1.value;
var objCel = objRow.insertCell(1);
objCel.innerHTML= document.myForm.myCell2.value;
var objCel = objRow.insertCell(2);
objCel.innerHTML = document.myForm.myCell3.value ;
var objCel = objRow.insertCell(3) ;
objCel.innerHTML = document.myForm.myCell4.value;
var objCel = objRow.insertCell(4);
objCel.innerHTML = document.myForm.myCell5.value;
objRow.attachEvent( "onclick ", getIndex);
switch(myForm.menu1.value){
case "12 " :
myColor = "white ";
break;
case "13 " :
myColor = "blue ";
break;
case "14 " :
myColor = "red ";
break;
}
objRow.style.background = myColor;
switch(myForm.menu1.value){
case "12 " :
break;
case "13 " :
myForm.jiaban.value += myForm.myCell4.value - myForm.myCell3.value ;
break;
case "14 " :
myForm.linshi.value += 1 ;
break;
}
}
function getIndex(){
intRowIndex = event.srcElement.parentElement.rowIndex;
pos.innerText = intRowIndex; }
//-->
</script>
</head>
<body onload= "pos.innerText=intRowIndex; ">
<h2 align= "center "> 一周工作报告 </h2>
<hr>
<h3> 本周工作列表： </h3>
<table id= "myTable " border=1 align= "center ">
<tr onclick= "getIndex() ">
<th width= "80 "> 日期
</th>
<th width= "460 " align= "center "> 工作描述 </th>
<th width= "80 "> 开始时间 </th>
<th width= "80 "> 完成时间 </th>
<th width= "80 "> 完成情况 </th>
</tr>
<tr onclick= "getIndex() ">
<td> 06-11-16 </td>
<td> 丽水公司用户要求将原通信工程分公司和通信管网分公司合并为工程部 </td>
<td> 8.30 </td>
<td> 17.30 </td>
<td> 完成 </td>
</tr>
</table>
<hr />
<form name= "myForm ">
工作日期 :
<input type= "text " name= "myCell1 " value= "07-03-01 "> <br>
工作描述 : <input type= "text " name= "myCell2 " value= "2 "> <br>
开始时间 : <input type= "text " name= "myCell3 " value= "8.30 "> <br />
完成时间 : <input type= "text " name= "myCell4 " value= "17.30 " /> <br />
完成情况 : <input type= "text " name= "myCell5 " value= "完成 " /> <br />
工作性质 ： <select name= "menu1 " >
<option value= "12 "> 正常工作 </option>
<option value= "13 "> 加班工作 </option>
<option value= "14 "> 临时工作 </option>
</select> <br />
<input type= "button " onclick= "insertRow(myTable.rows.length) " value= "新增 ">
<hr />
<h3> 汇总信息 </h3>
<form name= "myForm2 "> 临时任务数 <input type= "number " name= "linshi " size=6 maxlength= "6 " />
加班小时数 <input type= "number " name= "jiaban " size=6 maxlength= "6 " />
</form>
</body>
</html>
[解决办法]
parseInt(myForm.myCell4.value,10) - parseInt(myForm.myCell3.value,10)
[解决办法]
修改增加
少个 </form>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 一周工作报告 </title>
<script language= "JavaScript ">
<!--
var intRowIndex = 0;
function insertRow(tbIndex){
var objRow = myTable.insertRow(tbIndex);
var objCel = objRow.insertCell(0);
objCel.innerHTML = document.myForm.myCell1.value;
var objCel = objRow.insertCell(1);
objCel.innerHTML = document.myForm.myCell2.value;
var objCel = objRow.insertCell(2);
objCel.innerHTML = document.myForm.myCell3.value ;
var objCel = objRow.insertCell(3) ;
objCel.innerHTML = document.myForm.myCell4.value;
var objCel = objRow.insertCell(4);
objCel.innerHTML = document.myForm.myCell5.value;
objRow.attachEvent( "onclick ", getIndex);
switch(myForm.menu1.value){
case "12 " :
myColor = "white ";
break;
case "13 " :
myColor = "blue ";
break;
case "14 " :
myColor = "red ";
break;
}
objRow.style.background = myColor;
switch(myForm.menu1.value){
case "12 " :
break;
case "13 " :
myForm2.jiaban.value = parseInt(myForm2.jiaban.value, 10) + parseInt(myForm.myCell4.value, 10) - parseInt(myForm.myCell3.value,10) ;
break;
case "14 " :
myForm2.linshi.value = 1 + parseInt(myForm2.linshi.value,10);
break;
}
}
function getIndex(){
intRowIndex = event.srcElement.parentElement.rowIndex;
pos.innerText = intRowIndex; }
//-->
</script>
</head>
<body onload= "pos.innerText=intRowIndex; ">
<h2 align= "center "> 一周工作报告 </h2>
<hr>
<h3> 本周工作列表： </h3>
<table id= "myTable " border=1 align= "center ">
<tr onclick= "getIndex() ">
<th width= "80 "> 日期
</th>
<th width= "460 " align= "center "> 工作描述 </th>
<th width= "80 "> 开始时间 </th>
<th width= "80 "> 完成时间 </th>
<th width= "80 "> 完成情况 </th>
</tr>
<tr onclick= "getIndex() ">
<td> 06-11-16 </td>
<td> 丽水公司用户要求将原通信工程分公司和通信管网分公司合并为工程部 </td>
<td> 8.30 </td>
<td> 17.30 </td>
<td> 完成 </td>
</tr>
</table>
<hr />
<form name= "myForm ">
工作日期: <input type= "text " name= "myCell1 " value= "07-03-01 "> <br/>
工作描述: <input type= "text " name= "myCell2 " value= "2 "> <br/>
开始时间: <input type= "text " name= "myCell3 " value= "8.30 "> <br />
完成时间: <input type= "text " name= "myCell4 " value= "17.30 " /> <br />
完成情况: <input type= "text " name= "myCell5 " value= "完成 " /> <br />
工作性质：
<select name= "menu1 " >
<option value= "12 "> 正常工作 </option>
<option value= "13 "> 加班工作 </option>
<option value= "14 "> 临时工作 </option>
</select> <br />
<input type= "button " onclick= "insertRow(myTable.rows.length) " value= "新增 ">
<hr />
</form>
<h3> 汇总信息 </h3>
<form name= "myForm2 ">
临时任务数 <input type= "number " value= "0 " name= "linshi " size=6 maxlength= "6 " />
加班小时数 <input type= "number " value= "0 " name= "jiaban " size=6 maxlength= "6 " />
</form>
</body>
</html>
