Javascript 单击“提交”后,如何将JS函数中的数据插入表中?
我试图创建一个表,显示javascript函数中不同变量的结果。我希望该表在单击submit按钮后显示(我已经使用onclick函数实现了这一点)。然而,我的问题实际上是将数据放入表中。我不确定如何将变量引用到表中的特定单元格。我意识到这个解释可能有点难以理解,所以我举了一个例子: 我想使用以下信息进行参考和计算:Javascript 单击“提交”后,如何将JS函数中的数据插入表中?,javascript,html,Javascript,Html,我试图创建一个表,显示javascript函数中不同变量的结果。我希望该表在单击submit按钮后显示(我已经使用onclick函数实现了这一点)。然而,我的问题实际上是将数据放入表中。我不确定如何将变量引用到表中的特定单元格。我意识到这个解释可能有点难以理解,所以我举了一个例子: 我想使用以下信息进行参考和计算: function myFunction() { var age = document.getElementById("age").value; var favoritenu
function myFunction() {
var age = document.getElementById("age").value;
var favoritenumber = document.getElementById("favoritenumber").value;
var birthdayyear = document.getElementById("birthdayyear").checked;
var a1 = +(age - 10);
var fn = +(favoritenumber * 2);
var by;
if (document.getElementById("birthdayyear").checked) {
by = +14;
} else {
by = 0;
}
var total = +(a1 + fn + by);
document.getElementById("submit").innerhtml = total;
}
单击submit按钮,在单独的段落(比如h1标签)中显示“总计”:
This is the TOTAL
以及下面要插入到具有以下标题的带边框表格中的其余信息:
A1 FN BY
但例如,如果未选中“birthdayear”,则此列不会显示
如何引用myFunction中的数据以将其插入表中?
我的计算比这更复杂,但他们工作,这只是我需要帮助的参考
提前感谢您的帮助 查看与
insertRow()
相关的函数套件。我想我正确理解了你的问题,但如果我没有理解,请告诉我。试着这样做:
function myFunction() {
var age = document.getElementById("age").value;
var favoritenumber = document.getElementById("favoritenumber").value;
var birthdayyear = document.getElementById("birthdayyear").checked;
var a1 = +(age - 10);
var fn = +(favoritenumber * 2);
var by;
if (document.getElementById("birthdayyear").checked) {
by = +14;
} else {
by = 0;
}
var total = +(a1 + fn + by);
var table = document.getElementById("tableid");
var row = table.insertRow(0);
var cella1 = row.insertCell(0);
var cellfn = row.insertCell(1);
var cellby = row.insertCell(2);
cella1.innerHTML = a1;
cellfn.innerHTML = fn;
cellby.innerHTML = by;
document.getElementById("submit").innerhtml = total;
}
查看与
insertRow()
相关的函数套件。我想我正确理解了你的问题,但如果我没有理解,请告诉我。试着这样做:
function myFunction() {
var age = document.getElementById("age").value;
var favoritenumber = document.getElementById("favoritenumber").value;
var birthdayyear = document.getElementById("birthdayyear").checked;
var a1 = +(age - 10);
var fn = +(favoritenumber * 2);
var by;
if (document.getElementById("birthdayyear").checked) {
by = +14;
} else {
by = 0;
}
var total = +(a1 + fn + by);
var table = document.getElementById("tableid");
var row = table.insertRow(0);
var cella1 = row.insertCell(0);
var cellfn = row.insertCell(1);
var cellby = row.insertCell(2);
cella1.innerHTML = a1;
cellfn.innerHTML = fn;
cellby.innerHTML = by;
document.getElementById("submit").innerhtml = total;
}