Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
表中添加行的JQuery事件处理程序窗体-添加的行不触发事件_Jquery_Forms_Input_Html Table_Jquery Events - Fatal编程技术网

表中添加行的JQuery事件处理程序窗体-添加的行不触发事件

表中添加行的JQuery事件处理程序窗体-添加的行不触发事件,jquery,forms,input,html-table,jquery-events,Jquery,Forms,Input,Html Table,Jquery Events,我有一个表格,其中大多数单元格作为表单的输入。此版本用于查找平均信息。加载页面时,会有默认学生加载他们的成绩。学生单元格有一个class=“student”类,即使是新添加的行也会得到相同的class=“student” 存在一个具有某些默认值的对象。我已经写了一些代码,应该(我认为)听听看学生的输入是否已经改变,如果是的话。。。然后将其余列更新为正确的信息。这适用于加载的原始学生,但如果您试图添加其他学生,则不适用于添加的行 //使用用户给定的值分配变量 常量通用配置文件='Q1' //你的

我有一个表格,其中大多数单元格作为表单的输入。此版本用于查找平均信息。加载页面时,会有默认学生加载他们的成绩。学生单元格有一个class=“student”类,即使是新添加的行也会得到相同的class=“student”

存在一个具有某些默认值的对象。我已经写了一些代码,应该(我认为)听听看学生的输入是否已经改变,如果是的话。。。然后将其余列更新为正确的信息。这适用于加载的原始学生,但如果您试图添加其他学生,则不适用于添加的行

//使用用户给定的值分配变量
常量通用配置文件='Q1'
//你的学生
让学生={
辛迪:{年龄:9,m1:80,m2:90,s1:90,s2:100},
'马克':{年龄:12,m1:80,m2:90,s1:90,s2:100},
“杰夫”:{年龄:8,m1:90,m2:90,s1:90,s2:95},
安:{年龄:11,m1:90,m2:60,s1:90,s2:100},
“Jason”:{年龄:5,m1:95,m2:30,s1:90,s2:185},
哈维:{年龄:10,m1:100,m2:70,s1:90,s2:100},
迈克:{年龄:9,m1:100,m2:80,s1:90,s2:82},
“罗斯”:{年龄:9,m1:88,m2:90,s1:90,s2:100}
}
//填充defaultClass字典
常量defaultClass=(配置文件)=>{
//Q1、Q2或Q3被选为默认负载将自动填充
如果(配置文件==“Q1”){
让默认加载=['Cindy','Harvey','Mark']
返回默认加载
}否则如果(配置文件==“Q2”){
让默认加载=['Ann'、'Jason'、'Ross'、'Mark']
返回默认加载
}否则如果(配置文件==“Q3”){
让默认加载=['Ann'、'Harvey'、'Jeff'、'Mark']
返回默认加载
}否则{
返回0
}
}
//为选项创建Datalist HTML
常量数据列表=(主目录)=>{
变量数据列表_1=“”
让datalist_2=“”
变量数据列表_3=“”
用于(主目录中的var学生){
设温度=“”
数据列表_2+=温度
}
var datalist_final=datalist_1+datalist_2+datalist_3
返回数据列表\u最终
}
//表-表的默认结果
const addDefaultToRow=(学生列表、数据列表选项)=>{
//查找表元素
var table=document.getElementById('成绩')
//如果alwasys有一些值,请仔细检查它是否为零。
如果(学生列表长度>0){
设i=0
for(让学生进入学生名单){
//创建一个空行元素并将其添加到表的第一个位置
var row=表.插入行(i);
//在第1-4列插入新单元格(元素)
var col1=row.insertCell(0)
var col2=row.insertCell(1)
var col3=row.insertCell(2)
var col4=行插入单元格(3)
var col5=row.insertCell(4)
var col6=行插入单元格(5)
//将值添加到新单元格中
col1.innerHTML=''+数据列表\u选项
col2.innerHTML=“”
col3.innerHTML=“”
col4.innerHTML=“”
col5.innerHTML=“”
col6.innerHTML=“”
我++
}    
} 
//添加总计行
var current_length=document.getElementById(“评级结果”).rows.length
var row=表格.insertRow(当前长度)
//在第1-6列插入新单元格(元素)
var col1=row.insertCell(0)
var col2=row.insertCell(1)
var col3=row.insertCell(2)
var col4=行插入单元格(3)
var col5=row.insertCell(4)
var col6=行插入单元格(5)
//将值添加到新单元格中
col1.innerHTML='平均年龄'
col2.innerHTML=0
col3.innerHTML='平均数学分数';
col4.innerHTML=0
col5.innerHTML=‘平均科学分数’;
col6.innerHTML=0;
当前_总计(calculateSum())
}
//用户希望添加另一行
函数addRows(){
var table=document.getElementById(“成绩结果”)
设i=document.getElementById(“成绩”).rows.length
var行=表.插入行(i-1)
col1=行插入单元格(0),
col2=行插入单元格(1)
col3=行插入单元格(2);
col4=行插入单元格(3);
col5=行插入单元格(4);
col6=行插入单元格(5);
col1.innerHTML=''+数据列表(学生);
col2.innerHTML='';
col3.innerHTML='';
col4.innerHTML='';
col5.innerHTML='';
col6.innerHTML='';
$(文档).ready(函数(){
//遍历每个文本框并添加keyup
//触发总和事件的处理程序
$(“输入”)。每个(函数(){
$(this).keyup(function(){
当前_总数(calculateSum());
})。单击(函数(){
当前_总计(calculateSum())
});
});
});
}
//每次单击或键入表格时,它都会更新底部的总数
$(文档).ready(函数(){
//遍历每个文本框并添加keyup
//触发总和事件的处理程序
$(“输入”)。每个(函数(){
$(this).keyup(function(){
当前_总数(calculateSum());
})。单击(函数(){
当前_总计(calculateSum())
});;
});
});
//每次在学生身上单击或键入时,它都会更新预设(如果它存在于我们的字典/对象中)
$(文档).ready(函数(){
//如果学生发生更改,则触发的处理程序
$('input[class=“student”]”)。更改(函数(){
控制台日志(“更改”)
console.log($(this))
console.log($(this.context.value)
var rowSelected=$(this).context.parentElement.parentElement.cells
var student=$(this).context.value
//迭代更改的学生单元格上的每个cloumn,并将其更新为预设值,i是它正在迭代的索引,tr是元素的var
$.each(选定行,函数(i,tr){
//它不会更新i=0,即学生N