Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.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
Javascript 添加或删除行时使用jquery在表中自动计算_Javascript_Jquery - Fatal编程技术网

Javascript 添加或删除行时使用jquery在表中自动计算

Javascript 添加或删除行时使用jquery在表中自动计算,javascript,jquery,Javascript,Jquery,问题是当我在表中添加一行时,它不再计算数字的乘积,而只看到第一行…我不知道如何解决它。也许我需要一个柜台,或者怎样?拜托,我需要帮助 这是我的html代码 形式{ 利润率:20px0; 文本对齐:居中; } .添加行{ 背景色:76a6f2; } .删除行{ 背景色:f45a6f; } 表单输入,按钮{ 填充物:5px; } 桌子{ 宽度:100%; 边缘底部:20px; 边界塌陷:塌陷; } 表,th,td{ 边框:1px实心cdcdcd; 边界塌陷:塌陷; } 表th、表td{ 填充物:5p

问题是当我在表中添加一行时,它不再计算数字的乘积,而只看到第一行…我不知道如何解决它。也许我需要一个柜台,或者怎样?拜托,我需要帮助

这是我的html代码

形式{ 利润率:20px0; 文本对齐:居中; } .添加行{ 背景色:76a6f2; } .删除行{ 背景色:f45a6f; } 表单输入,按钮{ 填充物:5px; } 桌子{ 宽度:100%; 边缘底部:20px; 边界塌陷:塌陷; } 表,th,td{ 边框:1px实心cdcdcd; 边界塌陷:塌陷; } 表th、表td{ 填充物:5px; 文本对齐:居中; } 瓦利德,巴顿{ 宽度:10%; 边界半径:10px; } 瓦利德 添加行 删除行 选择 定量 签名 统一大奖赛 普利克斯税 柱花草 卡希尔 苏里斯 键盘 这是我的javascript代码//我是一个新手

var i=1; $document.readyfunction{ //阿胡特莱斯里涅斯酒店 $。添加行。单击函数{ var qte=document.getElementById'quantite'。值; var pu=document.getElementById'prix unitaire'。值; var pt=parseIntqte*parseIntpu; document.getElementById'pt'.innerHTML=pt; //alertpt; var标记=StyloCahierSourisClavier; $table tbody.appendmarkup; i++; }; //Cherche et enleve les Alignes selectionnees $.delete-row.clickfunction{ $table tbody.find'input[name=record]'。每个函数{ 如果$this.is:已选中{ $this.parentstr.remove; } }; i-; }; //结石效应 $valider.clickfunction{ var qte=document.getElementById'quantité'。值 var pu=document.getElementById'prix unitaire'。值 var pt=parseIntqte*parseIntpu; $table tbody.append; }; }; 这就是输出的样子
我重写了你的html和js。下面只显示添加行处理程序,因为您没有提到,您希望从其他两个按钮中得到什么

未来的一些注意事项:

切勿使用重复的id。JS无法正确处理它们。 不要像prix unitaire那样使用id\name\class。这被分解为两个单独的名称,这可能会导致问题。 选择html元素时不要混合使用纯JS和jQuery。 希望这有帮助

var i=1; $document.readyfunction{ //阿胡特莱斯里涅斯酒店 $。添加行。单击函数{ $t车身tr.eachfunctionk,v{ var qte=$v.find'.quantite'.val; var pu=$v.find'.prix unitaire'.val; var pt=parseIntqte*parseIntpu; $v.find'.pt'.htmlpt; }; var标记=StyloCahierSourisClavier; $table tbody.appendmarkup; i++; }; }; 形式{ 利润率:20px0; 文本对齐:居中; } .添加行{ 背景色:76a6f2; } .删除行{ 背景色:f45a6f; } 表单输入,按钮{ 填充物:5px; } 桌子{ 宽度:100%; 边缘底部:20px; 边界塌陷:塌陷; } 表,th,td{ 边框:1px实心cdcdcd; 边界塌陷:塌陷; } 表th、表td{ 填充物:5px; 文本对齐:居中; } 瓦利德,巴顿{ 宽度:10%; 边界半径:10px; } 瓦利德 添加行 删除行 选择 定量 签名 统一大奖赛 普利克斯税 柱花草 卡希尔 苏里斯 键盘 $document.readyfunction{ var Compteurlinge=1; //阿胡特莱斯里涅斯酒店 $add_row.clickfunction{ compteurlinge++; 让标记='StyloCahierSourisClavier'; $form tbody.appendmarkup; 计算价格税; }; //Cherche et enleve les Alignes selectionnees $delete\u row.clickfunction{ $.record:复选框:checked.eachfunction{ $this.parentstr.remove; }; 计算价格税; }; $valider.clickfunction{ 计算价格税; }; //结石效应 函数计算优先权{ $t车身tr.eachfunction{ 变量 Qte=parseFloat$this.find.quantite.val | | 0, P|U=parseFloat$this.find.prix|U unitaire.val | 0, P_T=Qte*P_.T字符串, 总+=P_T; $this.find.prix\u taxe.html P\T; }; 美元总数 } }; 形式{ 利润率:20px0; 文本对齐:居中; } 添加行{ 背景色:76a6f2; } 删除_行{ 背景色:f45a6f; } 表单输入,按钮{ 填充物:5px; } 桌子{ 宽度:100%; 边缘底部:20px; 边界塌陷:塌陷; } 表,th,td{ 边框:1px实心cdcdcd; 边界塌陷:塌陷; } 表th、表td{ 填充物:5px; 文本对齐:居中; } 钮扣{ 文本 -对齐:居中; 宽度:10%; 边界半径:10px; } 托特{ 文本对齐:右对齐; } 瓦利德 添加行 删除行 选择 定量 签名 统一大奖赛 普利克斯税 柱花草 卡希尔 苏里斯 键盘 总Pt:0
重复id问题。页面上的所有id属性都必须是唯一的。另外,如果您已经在使用jQuery,则不需要getElementById。是的,初次登场会打断Thanks我很感激,我也很感激。为了在函数中有两个参数k和v,您可以只使用以下参数:例如var qte=$this.find'.quantite'.val;然后在使用此选项时删除这些参数