js实现用于建立新的一行且增加的四个文本框为空的且被禁用

用于建立新的一行且增加的四个文本框为空的且被禁用

用户ID

";
var new_col=new_row.insertCell(1);
new_col.innerHTML="";
var new_col=new_row.insertCell(2);
new_col.innerHTML="";
var new_col=new_row.insertCell(3);
new_col.innerHTML="";
var new_col=new_row.insertCell(4);
new_col.innerHTML="";
var new_col=new_row.insertCell(5);
new_col.innerHTML="";
}
//建立一个函数age_average()用于计算年龄的平均值
function age_average()
{
var i,j,temp,age_sum=0;var j=0;
for (i=1;i

用户ID 用户名 性别 年龄 添加 删除

岁


设计要求
1.当用户点击"增加一行",Table就增加一个Tr(包括四个文本框，"添加","删除此行"两个按钮。)。

ł.增加的四个文本框为空的且被禁用，用户只要点击"添加"按钮来选择用户的值。

Ń.当用户点击"添加"按钮,就弹出新窗口，新窗口为一用户列表，用户列表只有"用户ID"和"用户名"两个字段显示.

ń.当选择用户列表Onmouseover时，鼠标变成"hand",当前行的TR的bgcolor为蓝色，字为白色。当用户onclick时，相应的值就添加到四个文本框中。新窗口自动关闭。

Ņ.当用户点击"删除此行"按钮时，整个相应的Tr就被删除。

ņ.算出"平均年龄"

Ň.在提交前，要判断是否有文本框为空，用空的就不能提交，提示用户进行添加。
难度：较难?????????
完成时间：半天

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • JS添加删除一组文本框并对输入信息加以验证判断其正确性

    在做项目中遇到这样一个问题,就是我们需要添加几组数据到数据库,但是具体几组数据不确定,有客户来填写,比如我们需要添加打折策略,可能个策略有很多组方案,比如"满100打5折,满200打4折,满500打3折"等等,这是作为一组方案来执行的,但是并不确定一组方案中有几个子方案,所以,这里我用JS进行添加删除子方案,并要对方案输入的正确性加以判断,并且通过json传输写入数据库,这里我们主要写如果添加删除一组子项目和如果给每个文本框添加验证. 动态添加一组文本框: 复制代码 代码如下: var

  • js添加删除行和双击变文本框的脚本

    js添加删除行和双击变文本框---阿会楠练习作品 *{ font-size:12px; } #myTable{ background:#D5D5D5; color:#333333; } #myTable tr{ background:#F7F7F7; } #myTable tr th{ height:20px; padding:5px; } #myTable tr td{ padding:5px; } function $(obj){ return document.getElementById

  • js实现将选中值累加到文本框的方法

    js实现将选中值累加到文本框的方法

    本文实例讲述了js实现将选中值累加到文本框的方法.分享给大家供大家参考.具体如下: 这里实现JavaScript将列表框或单选框选中的值累计加入到文本框中,在一些表单中,我们经常会看到这种功能,可以免去用户输入的麻烦,提升用户体验.变通一下,你还可以做出更多的类似功能来. 运行效果截图如下: 具体代码如下: <html> <head> <title>js将选中值添加到文本框</title> <SCRIPT LANGUAGE="JavaScri

  • javascript concat数组累加 示例

    复制代码 代码如下: <script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = &

  • 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)

    一共两个页面,分别如下: 一.创建页面create.jsp 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

  • js统计录入文本框中字符的个数并加以限制不超过多少

    有些需求是为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,并且有些特殊的要求字数不超过多少,下面是实现: 复制代码 代码如下: <html> <head> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> function tjzs(){ var

  • JS文本框追加多个下拉框的值的简单实例

    复制代码 代码如下: <HTML>    <HEAD>     <TITLE> New Document </TITLE>     <META NAME="Generator" CONTENT="EditPlus">     <META NAME="Author" CONTENT="">     <META NAME="Keywords&q

  • js实现在文本框光标处添加字符的方法介绍

    复制代码 代码如下: <script language="javascript" type="text/javascript"> function Button4_onclick(obj) { obj.focus(); var rng=document.selection.createRange(); rng.setEndPoint("StartToStart",obj.createTextRange()); var eng=docu

  • js实现用于建立新的一行且增加的四个文本框为空的且被禁用

    用于建立新的一行且增加的四个文本框为空的且被禁用 用户ID "; var new_col=new_row.insertCell(1); new_col.innerHTML=""; var new_col=new_row.insertCell(2); new_col.innerHTML=""; var new_col=new_row.insertCell(3); new_col.innerHTML=""; var new_col=new_

  • 教你用Node.js与Express建立一个GraphQL服务器

    目录 前言 GraphQL服务器配置设置 定义模式 嘲弄我们的数据 定义解析器 定义突变 总结 前言 在这篇文章中,我们将对使用Node.js和Express建立GraphQL服务器的整个过程进行演练.我们将使用 Express 的中间件库express-graphql 来协助我们完成这一过程. 如果你还不熟悉GraphQL以及我们使用它的目的,请务必查看这篇文章,我们将深入了解GraphQL是什么以及为什么我们应该在我们的应用程序中使用它. 如果你已经熟悉它了,你可能想看看这篇文章,在这篇文章

  • 中文Access2000速成教程--1.4 使用“表向导”建立新表

    中文Access2000速成教程--1.4 使用“表向导”建立新表

    第四讲 使用"表向导"建立新表 与中文Visual FoxPro 6一样,在中文Access2000中也能使用"表向导"从各种各样预先定义好的表中选择字段,并建立新的表,可以使用的操作步骤如下所列: 步骤一.在"员工工时与工资"数据库窗口中选定"对象"列表中的"表"项,然后单击工具栏中的"新建"按钮. 注意:按下键盘上的F11功能键,可以快速切换到"数据库"窗体. 步

  • js es6系列教程 - 新的类语法实战选项卡(详解)

    其实es6的面向对象很多原理和机制还是ES5的,只不过把语法改成类似php和java老牌后端语言中的面向对象语法. 一.用es6封装一个基本的类 class Person{ constructor( uName ){ this.userName = uName; } sayName(){ return this.userName; } } 是不是很向php和java中的类, 其实本质还是原型链,我们往下看就知道了 首先说下语法规则: class Person中的Person就是类名,可以自定义

  • 简单JS自动提示文本框代码

    简单JS自动提示文本框代码

    本例以颜色为例,为用户提供自动提示,展示效果和运行结果如图: 1.建立框架结构: 复制代码 代码如下: <body> <form method="post" name="myForm1"> Color: <input type="text" name="colors" id="colors" onkeyup="findColors();" /> <

  • C#与js实现去除textbox文本框里面重复记录的方法

    本文以实例形式展示了C#与js实现去除textbox文本框里面重复记录的方法!具体方法如下: 现有如下问题:页面有一个textbox文本框(是多行的),比如我在文本框里面输入:111,222,333,555当再输入111的时候会自动清除掉这个111,或者是在提交一个按钮前清除掉这个相同记录! 解决方案如下: 以逗号分割成一个数组 有一个Split()方法 然后比较 里面相等的就删除掉后面的那个 形成新的实例 再把新实例按格式输进来~ C#代码如下: string temp_str = "111,

  • CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

    CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库

    简介 实现类似于Photoshop控制面板输入文本数字的效果,所以名称叫做PsWheel.用于控制输入数字类型文本框实现鼠标滚轮上下滑动改变值,支持正整数.小数类型输入文本. 兼容IE/Firefox/Opera/Safari/Chrom 可定义滚动变化间隔值,支持整数.浮点数 双击恢复初始值 仅3.92K,压缩后2.67K 代码 复制代码 代码如下: /* * cutePsWheel JS * Description:A js liabary which control the text ty

  • js限制文本框输入长度两种限制方式(长度、字节数)

    功能/特点: 1.实时显示可输入的字数(字节数) 2.两种限制方式(长度.字节数) 3.中文输入法下可正常使用,无BUG 4.同一页面可以使用多个,相互不干扰 limit.js 复制代码 代码如下: function limit(){ var txtNote;//文本框 var txtLimit;//提示字数的input var limitCount;//限制的字数 var isbyte;//是否使用字节长度限制(1汉字=2字符) var txtlength;//到达限制时,字符串的长度 var

  • JS获取文本框,下拉框,单选框的值的简单实例

    1.文本框 1.1 <input type="text" name="test" id="test"> 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,例如: var m = "5";document.getElementById("test").value= m;

随机推荐