Javascript html表中的计算

我正在做一个项目，我需要在html表格中计算一些数字。他们需要知道最后的总数。 是否有其他方法可以不使用

标记计算值。如果我使用，显示器将变成盒子中的盒子，如下图所示：

我的代码如下：

<tr oninput="Total-dep.value=parseInt(Dep-main.value)+parseInt(Dep-joint1.value)">
   <td>No. of Dependant(s)</td>
   <td contenteditable="true" id="Dep-main" value="0"></td>
   <td contenteditable="true" id="Dep-joint1" value="0"></td>
   <td contenteditable="true" name="Total-dep" for="Dep-main Dep-joint1" value=""></td>
</tr>

受养人人数

当前显示结果如下：

---

我想使用前两列相加，然后在最后一列中求和。

您可以使用

输入元素，只需将其设置为没有任何边框即可

另外，
name
和
value
属性仅在表单元素上有效，而
for
属性在
td
元素上也无效

最后，一个
tr
元素没有
input
事件，只有表单元素有


//在单独的JavaScript部分中执行所有JavaScript
var main=document.getElementById（“Dep main”）；
var joint1=document.getElementById（“Dep-joint1”）；
var total=document.getElementById（“总dep”）；
var inputs=Array.prototype.slice.call（document.querySelectorAll（“td>input”）；
输入。forEach（函数（输入）{
addEventListener（“blur”，function（））{
//始终为parseInt（）提供第二个参数（基数），以便
//不要得到非基数10的答案。
total.value=parseInt（main.value，10）+parseInt（joint1.value，10）；
});
});
td{边框：1px纯黑；}
td>输入{边框：无；}/*删除普通边框*/
td>input:active，td>input:focus{outline:none；}/*激活或聚焦时删除outline*/

其他
一些
其他
一行
受养人人数
您可以使用
输入
元素，只需将其样式设置为没有任何边框即可

另外，
name
和
value
属性仅在表单元素上有效，而
for
属性在
td
元素上也无效

最后，一个
tr
元素没有
input
事件，只有表单元素有


//在单独的JavaScript部分中执行所有JavaScript
var main=document.getElementById（“Dep main”）；
var joint1=document.getElementById（“Dep-joint1”）；
var total=document.getElementById（“总dep”）；
var inputs=Array.prototype.slice.call（document.querySelectorAll（“td>input”）；
输入。forEach（函数（输入）{
addEventListener（“blur”，function（））{
//始终为parseInt（）提供第二个参数（基数），以便
//不要得到非基数10的答案。
total.value=parseInt（main.value，10）+parseInt（joint1.value，10）；
});
});
td{边框：1px纯黑；}
td>输入{边框：无；}/*删除普通边框*/
td>input:active，td>input:focus{outline:none；}/*激活或聚焦时删除outline*/

其他
一些
其他
一行
受养人人数
您可以使用css隐藏输入文本字段的边框

{
    border: none;
    outline: none;
    box-shadow: none;
}

可以使用css隐藏输入文本字段的边框

{
    border: none;
    outline: none;
    box-shadow: none;
}

你能分享你的尝试吗！事件应该是
onblur
您可以使用CSS修改每个输入框的外观。您可以分享您的尝试吗！事件应该是
onblur
您可以使用CSS修改每个输入框的外观。