资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js实现用于建立新的一行且增加的四个文本框为空的且被禁用
用于建立新的一行且增加的四个文本框为空的且被禁用
<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>用户ID</title> <style> <!-- td { font-size: 9pt } --> </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%20%0D%0A%3C!--%20%20%0D%0Avar%20row_index%3D0%3B%20%20%0D%0A%2F%2F%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0build_row()%E7%94%A8%E4%BA%8E%E5%BB%BA%E7%AB%8B%E6%96%B0%E7%9A%84%E4%B8%80%E8%A1%8C%E4%B8%94%E5%A2%9E%E5%8A%A0%E7%9A%84%E5%9B%9B%E4%B8%AA%E6%96%87%E6%9C%AC%E6%A1%86%E4%B8%BA%E7%A9%BA%E7%9A%84%E4%B8%94%E8%A2%AB%E7%A6%81%E7%94%A8%20%20%0D%0Afunction%20build_row()%7B%20%20%0D%0A%20%20%20%20row_index%2B%2B%3B%20%20%0D%0A%20%20%20%20var%20new_row%3DTable1.insertRow(Table1.rows.length)%3B%20%20%0D%0A%20%20%20%20new_row.setAttribute(%22id%22%2C%20%22row%22%2Brow_index)%3B%20%20%20%0D%0A%20%20%20%20var%20new_col%3Dnew_row.insertCell(0)%3B%20%20%0D%0A%20%20%20%20new_col.innerHTML%3D%22%3Cinput%20type%3D'text'%20name%3D'T1%22%2Brow_index%2B%22'%20size%3D'20'%20disabled%3E%22%3B%20%20%0D%0A%20%20%20%20var%20new_col%3Dnew_row.insertCell(1)%3B%20%20%0D%0A%20%20%20%20new_col.innerHTML%3D%22%3Cinput%20type%3D'text'%20name%3D'T2%22%2Brow_index%2B%22'%20size%3D'20'%20disabled%3E%22%3B%20%20%0D%0A%20%20%20%20var%20new_col%3Dnew_row.insertCell(2)%3B%20%20%0D%0A%20%20%20%20new_col.innerHTML%3D%22%3Cinput%20type%3D'text'%20name%3D'T3%22%2Brow_index%2B%22'%20size%3D'8'%20disabled%3E%22%3B%20%20%0D%0A%20%20%20%20var%20new_col%3Dnew_row.insertCell(3)%3B%20%20%0D%0A%20%20%20%20new_col.innerHTML%3D%22%3Cinput%20type%3D'text'%20name%3D'T4%22%2Brow_index%2B%22'%20size%3D'8'%20disabled%3E%22%3B%20%20%0D%0A%20%20%20%20var%20new_col%3Dnew_row.insertCell(4)%3B%20%20%0D%0A%20%20%20%20new_col.innerHTML%3D%22%3Cinput%20type%3D'button'%20value%3D'%E6%B7%BB%E5%8A%A0'%20name%3D'B5%22%2Brow_index%2B%22'%20LANGUAGE%3D'javascript'%20onclick%3D'add_data(%22%2Brow_index%2B%22)'%3E%22%3B%20%20%0D%0A%20%20%20%20var%20new_col%3Dnew_row.insertCell(5)%3B%20%20%0D%0A%20%20%20%20new_col.innerHTML%3D%22%3Cinput%20type%3D'button'%20value%3D'%E5%88%A0%E9%99%A4%E6%AD%A4%E8%A1%8C'%20name%3D'B4%22%2Brow_index%2B%22'%20LANGUAGE%3D'javascript'%20onclick%3D%5C%22delete_row('row%22%2Brow_index%2B%20%22')%5C%22%3E%22%3B%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%2F%2F%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0age_average()%E7%94%A8%E4%BA%8E%E8%AE%A1%E7%AE%97%E5%B9%B4%E9%BE%84%E7%9A%84%E5%B9%B3%E5%9D%87%E5%80%BC%20%20%0D%0Afunction%20age_average()%20%20%20%0D%0A%7B%20%20%0D%0A%20%20%20%20var%20i%2Cj%2Ctemp%2Cage_sum%3D0%3Bvar%20j%3D0%3B%20%20%0D%0A%20%20%20%20for%20(i%3D1%3Bi%3C%3DTable1.rows.length-1%3Bi%2B%2B)%20%20%0D%0A%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20temp%3Deval(%22form1.T4%22%2BTable1.rows(i).id.substr(3))%3B%20%20%0D%0A%20%20%20%20%20%20%20%20if%20(temp.value%3D%3D%22%22)%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%20%20j%2B%2B%3B%20%20%0D%0A%20%20%20%20%20%20%20%20age_sum%3Dage_sum%3B%20%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%20%20%20%20else%7B%20%20%0D%0A%20%20%20%20%20%20%20%20age_sum%2B%3DparseInt(temp.value)%3B%20%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%20%20%20%20form1.T5.value%3D(age_sum%2F(Table1.rows.length-1-j))%3B%20%20%0D%0A%7D%20%20%0D%0A%2F%2F%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0add_data()%E7%94%A8%E4%BA%8E%E6%B7%BB%E5%8A%A0%E6%95%B0%E6%8D%AE%20%20%0D%0Afunction%20add_data(rname)%7B%20%20%0D%0Avar%20i%3B%20%20%0D%0Aform1.hidden_index.value%3DTable1.rows(rname).rowIndex%3B%20%20%0D%0Avar%20win_new%3Dopen(%22list.htm%22)%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%0D%0A%2F%2F%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0delete_row%E7%94%A8%E4%BA%8E%E5%88%A0%E9%99%A4%E4%B8%80%E8%A1%8C%20%20%0D%0Afunction%20delete_row(rname)%20%20%20%0D%0A%7B%20%20%0D%0A%20%20%20%20var%20i%3B%20%20%0D%0A%20%20%20%20i%3DTable1.rows(rname).rowIndex%3B%20%20%0D%0A%20%20%20%20alert(i)%3B%20%20%0D%0A%20%20%20%20Table1.deleteRow(i)%3B%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%2F%2F%E5%BB%BA%E7%AB%8B%E4%B8%80%E4%B8%AA%E5%87%BD%E6%95%B0check_form()%E7%94%A8%E4%BA%8E%E6%A3%80%E6%9F%A5%E6%96%87%E6%9C%AC%E6%A1%86%E6%98%AF%E5%90%A6%E4%B8%BA%E7%A9%BA%20%20%0D%0Afunction%20check_form()%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20var%20i%3B%20%20%0D%0A%20%20%20%20%20%20%20%20%20for(i%3D1%3Bi%3C%3DTable1.rows.length-1%3Bi%2B%2B)%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if%20(eval(%22form1.T1%22%2BTable1.rows(i).id.substr(3)).value%3D%3D%22%22%20%7C%7C%20eval(%22form1.T2%22%2BTable1.rows(i).id.substr(3)).value%3D%3D%22%22%20%7C%7C%20eval(%22form1.T3%22%2BTable1.rows(i).id.substr(3)).value%3D%3D%22%22%20%7C%7C%20eval(%22form1.T4%22%2BTable1.rows(i).id.substr(3)).value%3D%3D%22%22)%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20alert(%22%E8%AF%B7%E6%A3%80%E5%AF%9F%E6%98%AF%E5%90%A6%E6%9C%89%E6%96%87%E6%9C%AC%E6%A1%86%E4%B8%BA%E7%A9%BA%22)%3B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20false%3B%20%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%7D%20%20%20%20%20%20%20%20%20%20%20%20%0D%0A%0D%0A%2F%2F--%3E%20%20%0D%0A%3C%2Fscript%3E"> </head> <body> <form id=form1 method="POST" action="submit.htm" language="javascript" onsubmit="return check_form()" > <input type="hidden" name="hidden_index" value=""> <table border="1" width="58%" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolordark="#FFFFFF" height="16" id=Table1> <tr> <td width="15%" align="center" bgcolor="#E6E6E6" height="16">用户ID </td> <td width="24%" align="center" bgcolor="#E6E6E6" height="16">用户名</td> <td width="7%" align="center" bgcolor="#E6E6E6" height="16">性别</td> <td width="8%" align="center" bgcolor="#E6E6E6" height="16">年龄</td> <td width="34%" align="center" bgcolor="#E6E6E6" height="16">添加</td> <td width="21%" align="center" bgcolor="#E6E6E6" height="16">删除</td> </tr> </table> <p><input type="button" value="增加一行" name="B3" onclick="build_row()"><input type="submit" value="提交" name="B1"><input type="button" value="平均年龄" name="B6" onClick="age_average()"><input type="text" name="T5" size="7">岁</p> </form> <table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolordark="#FFFFFF" height="54"> <tr> <td width="100%" bgcolor="#E6E6E6" height="27"> <p align="center">设计要求</td> </tr> <tr> <td width="100%" height="93">1.当用户点击"增加一行",Table就增加一个Tr(包括四个文本框，"添加","删除此行"两个按钮。)。 ł.增加的四个文本框为空的且被禁用，用户只要点击"添加"按钮来选择用户的值。 Ń.当用户点击"添加"按钮,就弹出新窗口，新窗口为一用户列表，用户列表只有"用户ID"和"用户名"两个字段显示. ń.当选择用户列表Onmouseover时，鼠标变成"hand",当前行的TR的bgcolor为蓝色，字为白色。当用户onclick时，相应的值就添加到四个文本框中。新窗口自动关闭。 Ņ.当用户点击"删除此行"按钮时，整个相应的Tr就被删除。 ņ.算出"平均年龄" Ň.在提交前，要判断是否有文本框为空，用空的就不能提交，提示用户进行添加。</td> </tr> <tr> <td width="100%" height="23" bgcolor="#E6E6E6">难度：较难????????? 完成时间：半天</td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程