Javascript 使用窗体创建一个对象，该对象'；它被推入一个阵列

我有一个数组：

var array = [
    {id: "X", numberA: 1, numberB: 2, dif: 1},
    {id: "Y", numberA: 2, numberB: 3, dif: 1},
    {id: "Z", numberA: 3, numberB: 5, dif: 2},
]

我还有一个表格：

<form id="agenda_form">
    <p>ID</p>
    <input type="text" id="id">
    <p>Start<p>
    <input type="number" id="numberA">
    <p>End</p>
    <input type="number" id="numberB">
    <input type="submit" value="Submit" id="submitForm">
</form>

身份证

开始
结束

我试图使用该表单创建一个对象，并将该对象推送到我的数组中。Dif I可以用A减去b来计算

我试过使用jQuery和.val（），但似乎无法理解。我该怎么做

---

谢谢大家!

像这样的怎么样

var数组=[
{id:“X”，编号a:1，编号b:2，dif:1}，
{id:“Y”，编号a:2，编号b:3，dif:1}，
{id:“Z”，编号A:3，编号B:5，dif:2}，
]
$（“#议程"表格”）。关于（“提交”，职能（e）{
var numA=$（“#numberA”）.val（），
numB=$（“#numberB”）.val（）；
var obj={
id:“，//您需要什么，
号码：努马，
数字B：麻木，
dif：麻木-努玛
};
阵列推送（obj）；
//阻止页面提交
返回false；
});像这样的东西怎么样


var数组=[
{id:“X”，编号a:1，编号b:2，dif:1}，
{id:“Y”，编号a:2，编号b:3，dif:1}，
{id:“Z”，编号A:3，编号B:5，dif:2}，
]
$（“#议程"表格”）。关于（“提交”，职能（e）{
var numA=$（“#numberA”）.val（），
numB=$（“#numberB”）.val（）；
var obj={
id:“，//您需要什么，
号码：努马，
数字B：麻木，
dif：麻木-努玛
};
阵列推送（obj）；
//阻止页面提交
返回false；
});像这样的东西怎么样


var数组=[
{id:“X”，编号a:1，编号b:2，dif:1}，
{id:“Y”，编号a:2，编号b:3，dif:1}，
{id:“Z”，编号A:3，编号B:5，dif:2}，
]
$（“#议程"表格”）。关于（“提交”，职能（e）{
var numA=$（“#numberA”）.val（），
numB=$（“#numberB”）.val（）；
var obj={
id:“，//您需要什么，
号码：努马，
数字B：麻木，
dif：麻木-努玛
};
阵列推送（obj）；
//阻止页面提交
返回false；
});像这样的东西怎么样


var数组=[
{id:“X”，编号a:1，编号b:2，dif:1}，
{id:“Y”，编号a:2，编号b:3，dif:1}，
{id:“Z”，编号A:3，编号B:5，dif:2}，
]
$（“#议程"表格”）。关于（“提交”，职能（e）{
var numA=$（“#numberA”）.val（），
numB=$（“#numberB”）.val（）；
var obj={
id:“，//您需要什么，
号码：努马，
数字B：麻木，
dif：麻木-努玛
};
阵列推送（obj）；
//阻止页面提交
返回false；
});试试这个。把它放到你的页面上

HTML代码

<form id="agenda_form">
<p>ID</p>
<input type="text" id="id">
<p>Start<p>
<input type="number" id="numberA">
<p>End</p>
<input type="number" id="numberB">
<input type="button" value="Submit" id="submitForm">
</form>

$(document).ready(function() {
var array = [
{id: "X", numberA: 1, numberB: 2, dif: 1},
{id: "Y", numberA: 2, numberB: 3, dif: 1},
{id: "Z", numberA: 3, numberB: 5, dif: 2},
];

$('#submitForm').on('click', function(){
  var id = $('#id'),
  numberA = $('#numberA'),
  numberB = $('#numberB');

 var k =  {id:'', numberA: '', numberB: '', dif: ''};
  k.id = id.val();
  k.numberA = numberA.val();
  k.numberB = numberB.val();
  k.dif = parseInt(k.numberB) - parseInt(k.numberA);
  array.push(k);

 });
});

试试这个。把这个放到你的页面上

HTML代码

<form id="agenda_form">
<p>ID</p>
<input type="text" id="id">
<p>Start<p>
<input type="number" id="numberA">
<p>End</p>
<input type="number" id="numberB">
<input type="button" value="Submit" id="submitForm">
</form>

$(document).ready(function() {
var array = [
{id: "X", numberA: 1, numberB: 2, dif: 1},
{id: "Y", numberA: 2, numberB: 3, dif: 1},
{id: "Z", numberA: 3, numberB: 5, dif: 2},
];

$('#submitForm').on('click', function(){
  var id = $('#id'),
  numberA = $('#numberA'),
  numberB = $('#numberB');

 var k =  {id:'', numberA: '', numberB: '', dif: ''};
  k.id = id.val();
  k.numberA = numberA.val();
  k.numberB = numberB.val();
  k.dif = parseInt(k.numberB) - parseInt(k.numberA);
  array.push(k);

 });
});

试试这个。把这个放到你的页面上

HTML代码

<form id="agenda_form">
<p>ID</p>
<input type="text" id="id">
<p>Start<p>
<input type="number" id="numberA">
<p>End</p>
<input type="number" id="numberB">
<input type="button" value="Submit" id="submitForm">
</form>

$(document).ready(function() {
var array = [
{id: "X", numberA: 1, numberB: 2, dif: 1},
{id: "Y", numberA: 2, numberB: 3, dif: 1},
{id: "Z", numberA: 3, numberB: 5, dif: 2},
];

$('#submitForm').on('click', function(){
  var id = $('#id'),
  numberA = $('#numberA'),
  numberB = $('#numberB');

 var k =  {id:'', numberA: '', numberB: '', dif: ''};
  k.id = id.val();
  k.numberA = numberA.val();
  k.numberB = numberB.val();
  k.dif = parseInt(k.numberB) - parseInt(k.numberA);
  array.push(k);

 });
});

试试这个。把这个放到你的页面上

HTML代码

<form id="agenda_form">
<p>ID</p>
<input type="text" id="id">
<p>Start<p>
<input type="number" id="numberA">
<p>End</p>
<input type="number" id="numberB">
<input type="button" value="Submit" id="submitForm">
</form>

$(document).ready(function() {
var array = [
{id: "X", numberA: 1, numberB: 2, dif: 1},
{id: "Y", numberA: 2, numberB: 3, dif: 1},
{id: "Z", numberA: 3, numberB: 5, dif: 2},
];

$('#submitForm').on('click', function(){
  var id = $('#id'),
  numberA = $('#numberA'),
  numberB = $('#numberB');

 var k =  {id:'', numberA: '', numberB: '', dif: ''};
  k.id = id.val();
  k.numberA = numberA.val();
  k.numberB = numberB.val();
  k.dif = parseInt(k.numberB) - parseInt(k.numberA);
  array.push(k);

 });
});

我试过下面威尔的例子。“提交”按钮不起作用，而他的按钮仍然不起作用。我也会尝试另一个答案。请将您尝试过的内容添加到您的帖子中。这将帮助我们诊断您的问题。jsve-让它工作起来！这个问题实际上超出了推送方法的范围。这是由我试图做的其他事情引起的。谢谢你！我试过下面威尔的例子。“提交”按钮不起作用，而他的按钮仍然不起作用。我也会尝试另一个答案。请将您尝试过的内容添加到您的帖子中。这将帮助我们诊断您的问题。jsve-让它工作起来！这个问题实际上超出了推送方法的范围。这是由我试图做的其他事情引起的。谢谢你！我试过下面威尔的例子。“提交”按钮不起作用，而他的按钮仍然不起作用。我也会尝试另一个答案。请将您尝试过的内容添加到您的帖子中。这将帮助我们诊断您的问题。jsve-让它工作起来！这个问题实际上超出了推送方法的范围。这是由我试图做的其他事情引起的。谢谢你！我试过下面威尔的例子。“提交”按钮不起作用，而他的按钮仍然不起作用。我也会尝试另一个答案。请将您尝试过的内容添加到您的帖子中。这将帮助我们诊断您的问题。jsve-让它工作起来！这个问题实际上超出了推送方法的范围。这是由我试图做的其他事情引起的。谢谢你！