javascript - 使用 4 个值和一个按钮求和-6ren

javascript - 使用 4 个值和一个按钮求和

转载作者：行者123 更新时间：2023-11-28 18:41:11

25

4

我正在尝试对 4 种文本类型中的 4 个条目求和，一切看起来都很好，只是当我单击按钮时，它不会设置总和。就像如果我在每个文本输入中输入 1，总和的文本输入应显示 4。谢谢!

这是我的 JavaScript 代码:

(function(){
var oForm = document.forms;

oForm[2].querySelector("input[type='button']").
                                        addEventListener("click",
                                            sommeValeur,
                                            false);
}) ()

function sommeValeur() {

  var aTxt = document.forms[0].tEx1;
  var total = document.forms[0].tEx2;
var txt1  = aTxt[0].value;
var txt2  = aTxt[1].value;
var txt3  = aTxt[2].value;
var txt4  = aTxt[3].value;

total = parseInt(txt1) + parseInt(txt2) + parseInt(txt3) + parseInt(txt4) ;

return true;
}

这是我的 html 代码:

<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/form.css" />
</head>
<body>
<section>
            <form name="frm1">
                <label> Valeur 1:
                    <input type="text" name="tEx1" />
                </label>
                <label> Valeur 2:
                    <input type="text" name="tEx1" />
                </label>
                <label> Valeur 3:
                    <input type="text" name="tEx1" />
                </label>
                <label> Valeur 4:
                    <input type="text" name="tEx1" />
                </label>
            </form>
        </section>

        <section>
                <form name="frm2">
                <label> Somme:
                    <input type="text" name="tEx2" />
                </label>
                </form>
        </section>

        <section>
                <form name="frm3">
                <label>
                    <input type="button" 
                    value="bouton" 
                    name="btn1" /></br>
                </label>
                </form>
        </section>
</body>
<script src="js/exercise4.js"></script> 
</html>

最佳答案

看起来您输入的总计是第二种形式，因此您需要 form[1] 并且还需要使用 total.value 来设置值:

var total = document.forms[1].tEx2;
...
total.value = parseInt(txt1) + parseInt(txt2) + parseInt(txt3) + parseInt(txt4) ;

实例:

(function(){
var oForm = document.forms;

oForm[2].querySelector("input[type='button']").
                                        addEventListener("click",
                                            sommeValeur,
                                            false);
}) ()

function sommeValeur() {

  var aTxt = document.forms[0].tEx1;
  var total = document.forms[1].tEx2;
  var txt1  = aTxt[0].value;
  var txt2  = aTxt[1].value;
  var txt3  = aTxt[2].value;
  var txt4  = aTxt[3].value;

  total.value = parseInt(txt1) + parseInt(txt2) + parseInt(txt3) + parseInt(txt4) ;

  return true;
}

<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/form.css" />
</head>
<body>
<section>
            <form name="frm1">
                <label> Valeur 1:
                    <input type="text" name="tEx1" />
                </label>
                <label> Valeur 2:
                    <input type="text" name="tEx1" />
                </label>
                <label> Valeur 3:
                    <input type="text" name="tEx1" />
                </label>
                <label> Valeur 4:
                    <input type="text" name="tEx1" />
                </label>
            </form>
        </section>

        <section>
                <form name="frm2">
                <label> Somme:
                    <input type="text" name="tEx2" />
                </label>
                </form>
        </section>

        <section>
                <form name="frm3">
                <label>
                    <input type="button" 
                    value="bouton" 
                    name="btn1" /></br>
                </label>
                </form>
        </section>
</body>
</html>

关于javascript - 使用 4 个值和一个按钮求和，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36046717/

25

4

0

文章推荐： Python 子进程和 shell 输入重定向

文章推荐： Python:寻求文件中的 EOL 不起作用

文章推荐： python - 如何使用 django-rest-framework 创建登录 View

文章推荐： python - 用于设置 xtics 的 mpld3 插件

OCaml 求和
我正在尝试在 OCaml 中创建一个函数，该函数在数学中执行求和函数。我试过这个: sum n m f = if n = 0 then 0 else if n > m then f
excel - 求和/乘以相同名称附近的每个值
我正在尝试找到一个可以帮助我解决问题的公式。这个公式应该对每个靠近(总是在左边)具有相同名称的单元格的单元格求和(或工作)。如下所示: 将每个大写字母视为 “食谱”并且每个小写字母为 “成分” .在
python - 按日期范围计算变量的累积占用(求和)
让它成为以下 python pandas DataFrame，其中每一行代表一个人在酒店的住宿。 | entry_date | exit_date | days | other_columns
sql 对另一列中特定日期之前的调用次数进行计数/求和
我有显示客户来电的数据。我有客户号码、电话号码(1 个客户可以有多个)、每个语音调用的日期记录以及调用持续时间的列。表看起来如下示例。 CusID | PhoneNum | Date
python - 按日期范围计算变量的累积占用(求和)
让它成为以下 python pandas DataFrame，其中每一行代表一个人在酒店的住宿。 | entry_date | exit_date | days | other_columns
如果年份等于，Excel 求和
我得到了两列数据；答: 2013年12月31日 2013年12月30日 2013年12月29日 2013年12月28日 2013年12月27日 2012年12月26日 B: 10 10 10 10
C - double 求和
我对 double 格式的精度有疑问。示例: double K=0, L=0, M=0; scanf("%lf %lf %lf", &K, &L, &M); if((K+L) 我的测试输入: K
c# - 求和、减法和乘法数组
我有以下数组: int[,] myArray1 = new int[2, 3] { { 1, 2, 3 }, { 4, 6, 8 } }; int[,] myArray2 = new int[2, 3
mysql - 左连接和条件 where 求和
我需要有关报告查询的帮助。我在该方案的底部有一个发票表，需要一种方法来获取总计费金额，同时在此数据库方案中的较高点进行条件过滤。我需要加入其他表，这会导致 SUM 函数返回不需要的结果。这是我正在使
mysql - 求和/格查询的最佳索引策略
我有一个使用innodb作为存储引擎的MySQL数据库，并且我有许多采用基本形式的查询： SELECT bd.billing, SUM(CASE WHEN tc.transaction_class
mysql - 在mysql中使用case和limit对结果进行计数/求和
尝试创建一个查询来给出总胜、平和负。我有以下查询 SELECT CASE WHEN m.home_team = '192' AND m.home_full_time_score
MYSQL 双连接表和不准确的计数/求和
我正在尝试生成一份报告，显示排名靠前的推荐人以及他们推荐的人产生了多少收入。这是我的表格的缩写版本: Users Table ------------------ id referral_user_
mysql - 对查询中的多个 IF 求和
我有以下查询，并得到了预期的结果: SELECT IF (a1>b1,'1','0') AS a1r, IF (a2>b2,'1','0') AS a2r,
mysql - 任意字段分组/求和
我尝试了几种不同的解决方案，但都没有成功。我给出的表格是一个示例，其设计和功能与我实际使用的表格类似: PK | Color | Count -------------------
mysql 多重计数并与 WHERE 求和
我正在尝试构建一个查询来检查我的库存。 SELECT COUNT(*) AS item_count, reseller_id, sum(sold) as sold_count, sum(refunde
mysql - 对具有相同列值的值进行分组/求和
我试图解决一个看起来像下面编写的代码的问题，但由于缺乏知识和阅读 sqlalchemy 文档，我还没有真正找到解决问题的方法。目标: 如果 year_column 中的年份相同，则获取 sales_
MySQL - 求和，但前提是所有条件都满足
我有一个包含一周中多天的表格。一周中的每一天都有独特的属性，例如冰淇淋是否在这一天成功送达: ID DAY_WEEK ICE_CREAM 1 Monday
具有相同引用编号的 PHP 求和
首先，我有一个名为store_00的表 id | ref | item | qty | cost | sell 1 22 x1 5 10 15 2 22
c++ - MPI(求和)
我正在编写一个程序，计算每个数字的总和，直到 1000。例如，1+2+3+4+5....+100。首先，我将求和作业分配给 10 个处理器:处理器 0 得到 1-100，处理器 1 得到 101-20
python - 如何通过一次循环对多个对象属性求和(求和)？
我想在一个循环中一次对多个属性求和: class Some(object): def __init__(self, acounter, bcounter): self.acou

首页

博学

6Ren·AI

商城

javascript - 使用 4 个值和一个按钮求和