javascript – 如何在一个文本区域中得到3个不同值的总和

前端之家收集整理的这篇文章主要介绍了javascript – 如何在一个文本区域中得到3个不同值的总和前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

对于我的每个表单,我都为每个收音机应用了价值.重点是,我需要将所有这些的总和设置在一起.我想我可以简单地设置一个简单的功能,在我的函数添加每个表单的每个文本区域的值,这样总计会显示但看起来它不起作用.我只是觉得我错过了什么.这是我的代码,谢谢! :

Java的:

(function(){

var oForm = document.forms;

oForm[0].querySelector("input[type='radio']").addEventListener("click",sommButton,false);

}) ()

function sommeButton () {

var aSomme1 = document.forms[0].tEx1;
var aSomme2 = document.forms[1].tEx2;
var aSomme3 = document.forms[2].tEx3;
var total = document.forms[3].tEx4;
var somme1 = aSomme1[5].value;
var somme2 = aSomme2[5].value;
var somme3 = aSomme3[5].value;

total.value = parseInt(somme1) + parseInt(somme2) + parseInt(somme3) ;
}

以防万一,这是我的HTML:

Meta charset="UTF-8">
dio" value="10" name="r1"
                        onClick="tEx1.value = this.value"/>
                dio" value="15" name="r1"
                        onClick="tEx1.value = this.value"/>
                dio" value="20" name="r1"
                        onClick="tEx1.value = this.value"/>
                dio" value="25" name="r1"
                        onClick="tEx1.value = this.value"/>
                dio" 
                    dio" value="30" name="r1"
                        onClick="tEx1.value = this.value"/>
                dio" value="10" name="r2"
                        onClick="tEx2.value = this.value"/>
                dio" value="15" name="r2"
                        onClick="tEx2.value = this.value"/>
                dio" value="20" name="r2"
                        onClick="tEx2.value = this.value"/>
                dio" value="25" name="r2"
                        onClick="tEx2.value = this.value"/>
                dio" value="30" name="r2"
                        onClick="tEx2.value = this.value"/>
                dio" value="10" name="r3"
                        onClick="tEx3.value = this.value"/>
                dio" value="15" name="r3"
                        onClick="tEx3.value = this.value"/>
                dio" value="20" name="r3"
                        onClick="tEx3.value = this.value"/>
                dio" value="25" name="r3"
                        onClick="tEx3.value = this.value"/>
                dio" value="30" name="r3"
                        onClick="tEx3.value = this.value"/>
                
最佳答案
您可以通过向输入按钮添加onclick属性解决此问题,以便在单击按钮时调用函数

还要从函数sommeButton(){到函数sommButton(){修改函数名称

并在获取值时修改代码

var somme1 = ((aSomme1.value !='' )?aSomme1.value:'0');
var somme2 = ((aSomme2.value !='' )?aSomme2.value:'0');
var somme3 = ((aSomme3.value !='' )?aSomme3.value:'0');

获取值时,我将其转换为单行if语句,当输入标记中没有值时返回0.

我希望这有帮助!

原文链接:https://www.f2er.com/html/425484.html

猜你在找的HTML相关文章