Fatal编程技术网
  • javascript/
  • Javascript 使用条件添加多个文本框

Javascript 使用条件添加多个文本框

javascript jquery html

Javascript 使用条件添加多个文本框,javascript,jquery,html,Javascript,Jquery,Html,先生，我有10个文本框。前两个从用户处获取值，单击时在第三个文本框上显示乘法结果。第四个和第五个文本框也会获取值，并在单击时在第六个文本框中显示乘法结果。与上述相同，第7和第8个文本框将相应工作，第9个文本框在单击时将显示乘法结果。第10个文本框从第3个、第6个和第9个文本框中获取值并将其相加 我可以进行乘法运算，并在第10个文本框中显示总和。现在第6个和第9个文本框可能存在，也可能不存在，那么代码没有在html和javascript中运行 请帮助我…我附上代码 我的代码 <html>

先生，我有10个文本框。前两个从用户处获取值，单击时在第三个文本框上显示乘法结果。第四个和第五个文本框也会获取值，并在单击时在第六个文本框中显示乘法结果。与上述相同，第7和第8个文本框将相应工作，第9个文本框在单击时将显示乘法结果。第10个文本框从第3个、第6个和第9个文本框中获取值并将其相加

我可以进行乘法运算，并在第10个文本框中显示总和。现在第6个和第9个文本框可能存在，也可能不存在，那么代码没有在html和javascript中运行

请帮助我…我附上代码

我的代码

<html>
<script >
function getext3(){
txt1 = document.getElementById("text1").value;
txt2 = document.getElementById("text2").value;
document.getElementById("text3").value = parseInt(txt1)*parseInt(txt2);

} 

function getext6(){
txt1 = document.getElementById("text4").value;
txt2 = document.getElementById("text5").value;
document.getElementById("text6").value = parseInt(txt1)*parseInt(txt2);

} 

function getext9(){
txt1 = document.getElementById("text7").value;
txt2 = document.getElementById("text8").value;
document.getElementById("text9").value = parseInt(txt1)*parseInt(txt2);

} 


function getext10(){
if(document.getElementById("text3").value != null && document.getElementById("text6").value == null && document.getElementById("text9").value == null) 
{
txt1 = document.getElementById("text3").value;
document.getElementById("text10").value = txt1; 
}
else if (document.getElementById("text3").value != null && document.getElementById("text6").value != null && document.getElementById("text9").value == null)
{
txt1 = document.getElementById("text3").value;
txt2 = document.getElementById("text6").value;
txt4 = parseInt(txt1)+parseInt(txt2);
document.getElementById("text10").value = txt4; 
}
else(document.getElementById("text3").value != null && document.getElementById("text6").value != null && document.getElementById("text9").value != null)
{
txt1 = document.getElementById("text3").value;
txt2 = document.getElementById("text6").value;
txt3 = document.getElementById("text9").value;
txt4 = parseInt(txt1)+parseInt(txt2)+parseInt(txt3);
document.getElementById("text10").value = txt4; 
}
} 
</script>

Text1 : <input type="text"value="0" id="text1" value=""> <br/>
Text2 : <input type="text" value="0"id="text2" value=""> <br/>
Text3 : <input type="text"value="0"id="text3" value="0" onclick="getext3()"> <br/>


Text4 : <input type="text"value="0"id="text4" value=""> <br/>
Text5 : <input type="text" value="0"id="text5" value=""> <br/>
<!--Text6 : <input type="text" id="text6" value="0" onclick="getext6()"> <br/>-->


Text7 : <input type="text"value="0"id="text7" value=""> <br/>
Text8 : <input type="text" value="0"id="text8" value=""> <br/>
<!--Text9 : <input type="text" id="text9" value="0" onclick="getext9()"> <br/>-->

Text10 : <input type="text" id="text10" value="" onclick="getext10()"> <br/>
</html>


函数getext3（）{
txt1=document.getElementById（“text1”）.value；
txt2=document.getElementById（“text2”）.value；
document.getElementById（“text3”）.value=parseInt（txt1）*parseInt（txt2）；
} 
函数getext6（）{
txt1=document.getElementById（“text4”）.value；
txt2=document.getElementById（“text5”）.value；
document.getElementById（“text6”）.value=parseInt（txt1）*parseInt（txt2）；
} 
函数getext9（）{
txt1=document.getElementById（“text7”）.value；
txt2=document.getElementById（“text8”）.value；
document.getElementById（“text9”）.value=parseInt（txt1）*parseInt（txt2）；
} 
函数getext10（）{
if（document.getElementById（“text3”）.value！=null&&document.getElementById（“text6”）.value==null&&document.getElementById（“text9”）.value==null）
{
txt1=document.getElementById（“text3”）.value；
document.getElementById（“text10”）.value=txt1；
}
else if（document.getElementById（“text3”）.value！=null&&document.getElementById（“text6”）.value！=null&&document.getElementById（“text9”）.value==null）
{
txt1=document.getElementById（“text3”）.value；
txt2=document.getElementById（“text6”）.value；
txt4=parseInt（txt1）+parseInt（txt2）；
document.getElementById（“text10”）.value=txt4；
}
else（document.getElementById（“text3”）.value！=null&&document.getElementById（“text6”）.value！=null&&document.getElementById（“text9”）.value！=null）
{
txt1=document.getElementById（“text3”）.value；
txt2=document.getElementById（“text6”）.value；
txt3=document.getElementById（“text9”）.value；
txt4=parseInt（txt1）+parseInt（txt2）+parseInt（txt3）；
document.getElementById（“text10”）.value=txt4；
}
} 
Text1:

文本2:

Text3:

文本4:

文本5:

文本7:

Text8:

Text10:
更新的代码

<html>
<script >
function getext3(){
txt1 = document.getElementById("text1").value;
txt2 = document.getElementById("text2").value;
document.getElementById("text3").value = parseInt(txt1)*parseInt(txt2);

} 

function getext6(){
txt1 = document.getElementById("text4").value;
txt2 = document.getElementById("text5").value;
document.getElementById("text6").value = parseInt(txt1)*parseInt(txt2);

} 

function getext9(){
txt1 = document.getElementById("text7").value;
txt2 = document.getElementById("text8").value;
document.getElementById("text9").value = parseInt(txt1)*parseInt(txt2);

} 


function getext10(){
     if(document.getElementById("text6").value==null){
    getext6();
    getext9();
    }

    if(document.getElementById("text4").value ==undefined)
   txt1 = document.getElementById("text4").value;
txt2 = document.getElementById("text5").value;
document.getElementById("text6").value = parseInt(txt1)*parseInt(txt2);
    txt1 = document.getElementById("text7").value;
txt2 = document.getElementById("text8").value;
document.getElementById("text9").value = parseInt(txt1)*parseInt(txt2);

if(document.getElementById("text3").value != null && document.getElementById("text6").value == null && document.getElementById("text9").value == null) 
{
txt1 = document.getElementById("text3").value;
document.getElementById("text10").value = txt1; 
}
else if (document.getElementById("text3").value != null && document.getElementById("text6").value != null && document.getElementById("text9").value == null)
{
txt1 = document.getElementById("text3").value;
txt2 = document.getElementById("text6").value;
txt4 = parseInt(txt1)+parseInt(txt2);
document.getElementById("text10").value = txt4; 
}
else(document.getElementById("text3").value != null && document.getElementById("text6").value != null && document.getElementById("text9").value != null)
{
txt1 = document.getElementById("text3").value;
txt2 = document.getElementById("text6").value;
txt3 = document.getElementById("text9").value;
txt4 = parseInt(txt1)+parseInt(txt2)+parseInt(txt3);
document.getElementById("text10").value = txt4; 
}
} 
</script>

Text1 : <input type="text"value="0" id="text1" value=""> <br/>
Text2 : <input type="text" value="0"id="text2" value=""> <br/>
Text3 : <input type="text"value="0"id="text3" value="0" onclick="getext3()"> <br/>


Text4 : <input type="text"value="0"id="text4" value=""> <br/>
Text5 : <input type="text" value="0"id="text5" value=""> <br/>
<!--Text6 : <input type="text" id="text6" value="0" onclick="getext6()"> <br/>-->


Text7 : <input type="text"value="0"id="text7" value=""> <br/>
Text8 : <input type="text" value="0"id="text8" value=""> <br/>
<!--Text9 : <input type="text" id="text9" value="0" onclick="getext9()"> <br/>-->

Text10 : <input type="text" id="text10" value="" onclick="getext10()"> <br/>
</html>


函数getext3（）{
txt1=document.getElementById（“text1”）.value；
txt2=document.getElementById（“text2”）.value；
document.getElementById（“text3”）.value=parseInt（txt1）*parseInt（txt2）；
} 
函数getext6（）{
txt1=document.getElementById（“text4”）.value；
txt2=document.getElementById（“text5”）.value；
document.getElementById（“text6”）.value=parseInt（txt1）*parseInt（txt2）；
} 
函数getext9（）{
txt1=document.getElementById（“text7”）.value；
txt2=document.getElementById（“text8”）.value；
document.getElementById（“text9”）.value=parseInt（txt1）*parseInt（txt2）；
} 
函数getext10（）{
if（document.getElementById（“text6”）.value==null）{
getext6（）；
getext9（）；
}
if（document.getElementById（“text4”）.value==未定义）
txt1=document.getElementById（“text4”）.value；
txt2=document.getElementById（“text5”）.value；
document.getElementById（“text6”）.value=parseInt（txt1）*parseInt（txt2）；
txt1=document.getElementById（“text7”）.value；
txt2=document.getElementById（“text8”）.value；
document.getElementById（“text9”）.value=parseInt（txt1）*parseInt（txt2）；
if（document.getElementById（“text3”）.value！=null&&document.getElementById（“text6”）.value==null&&document.getElementById（“text9”）.value==null）
{
txt1=document.getElementById（“text3”）.value；
document.getElementById（“text10”）.value=txt1；
}
else if（document.getElementById（“text3”）.value！=null&&document.getElementById（“text6”）.value！=null&&document.getElementById（“text9”）.value==null）
{
txt1=document.getElementById（“text3”）.value；
txt2=document.getElementById（“text6”）.value；
txt4=parseInt（txt1）+parseInt（txt2）；
document.getElementById（“text10”）.value=txt4；
}
else（document.getElementById（“text3”）.value！=null&&document.getElementById（“text6”）.value！=null&&document.getElementById（“text9”）.value！=null）
{
txt1=document.getElementById（“text3”）.value；
txt2=document.getElementById（“text6”）.value；
txt3=document.getElementById（“text9”）.value；
txt4=parseInt（txt1）+parseInt（txt2）+parseInt（txt3）；
document.getElementById（“text10”）.value=txt4；
}
} 
Text1:

文本2:

Text3:

文本4:

文本5:

文本7:

Text8:

Text10:


切勿从同一功能定义多个方法

只定义两种方法，一种用于
乘法
，另一种用于
求和

例如：-

像这样称呼他们-

onclick="multiply(this,'id_of_element_1','id_of_element_2')"
先生，它不能被隐藏…实际上在我的项目中，它将动态出现…所以有时它会出现，有时它不会…但不能隐藏…请帮助我与其他解决方案。 
onclick="multiply(this,'id_of_element_1','id_of_element_2')"