获取input里从输入的值（有看到之前的提问，但是没有解决我的问题，希望大神帮忙看看！！！）

小小可爱罗 2015-05-29 11:12:36

可能我的语句有点啰嗦。。。。。我求和的结果出来的一直都是NaN，主要是在shouSum（）里出了错误，求解！！！！
<html>
<head>
<title>javascript软键盘制作</title>
<script language="javascript">
function KeyDisp1(nkey){
if(nkey!=''){
document.KeyForm1.keybox1.value=document.KeyForm1.keybox1.value+nkey;
}
}
function KeyformClr1(){
document.KeyForm1.keybox1.value='';
}
function KeyDisp2(nkey){
if(nkey!=''){
document.KeyForm2.keybox2.value=document.KeyForm2.keybox2.value+nkey;
}
}
function KeyformClr2(){
document.KeyForm2.keybox2.value='';
}
function showSum(){
var number1=parseInt(document.getElementById("keybox1").value);
var number2=parseInt(document.getElementById("keybox2").value);

var number=number1+number2;
var n=number.toString();
document.write("<HR>");
document.write("<form name='Sum'>");
document.write("<input name='sumbox' type='text' size=60>");
document.write('<input type="button" value="SUM" onClick="result('," '",n," ' ",')"><BR>');
document.write("</form>");
document.write("<HR>");

}
function result(n1){
if(n1!="")
document.Sum.sumbox.value=n1;
}
</script>
</head>
<body>
<script language="javascript">
document.write("<HR>");
document.write("<h3>数字软键盘制作</h3>");
document.write("<HR>");
document.write("<form name='KeyForm1'>");
document.write("<input name='keybox1' id='keybox1' type='text' size=60>");
document.write('<input type="button" value="CLR" onClick="KeyformClr1()"><BR>');
var number="0123456789";
for(i=0;i<10;i++){
document.write('<input type="button" value="',number.charAt(i),'" onClick="KeyDisp1('," '",number.charAt(i)," ' ",')">');
}
document.write("</form>");
document.write("<HR>");

document.write("<HR>");
document.write("<form name='KeyForm2'>");
document.write("<input name='keybox2' id='keybox2' type='text' size=60>");
document.write('<input type="button" value="CLR" onClick="KeyformClr2()"><BR>');
for(i=0;i<10;i++){
document.write('<input type="button" value="',number.charAt(i),'" onClick="KeyDisp2('," '",number.charAt(i)," ' ",')">');
}
document.write("</form>");
document.write("<HR>");

document.write(showSum());
</script>
</body>
</html>

...全文

320 3 打赏收藏举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

小小可爱罗 2015-05-30

打赏
举报

   document.write("</form>");
   document.write("<HR>");
</script>
</body>
</html>

小小可爱罗 2015-05-30

打赏
举报

<html>
<head>
<title>javascript软键盘制作</title>
<script language="javascript">
     //定义输入的两个变量名
     var v1;
	 var v2;
     function KeyDisp1(nKey){	
               document.KeyForm.keybox1.value=document.KeyForm.keybox1.value+nKey;
			   //得到input里的value值	
			    var x= document.KeyForm.keybox1.value; 
				//强制转换成int类型
			    v1=parseInt(x);
     }
     function KeyformClr1(){
        document.KeyForm.keybox1.value='';
     }
    function KeyDisp2(nkey){
              document.KeyForm.keybox2.value=document.KeyForm.keybox2.value+nkey;
			  var y= document.KeyForm.keybox2.value;
			 v2=parseInt(y);
     }
     function KeyformClr2(){
        document.KeyForm.keybox2.value='';
     }
     function showSum(){
		         //在文本框中输出答案
                 document.KeyForm.sumbox.value=v1+v2;            
     }
</script>
</head>
<body>
<script language="javascript"> 
  var number="0123456789";

  document.write("<HR>");
  document.write("<h3>数字软键盘制作</h3>");
  document.write("<HR>");
  document.write("<form name='KeyForm'>");
  //第一个数字输入
  document.write("<input name='keybox1' id='keybox1' type='text' size=60>");
  document.write('<input type="button" value="CLR" onClick="KeyformClr1()"><BR>');
  for(i=0;i<10;i++){
	  var n1=parseInt(number.charAt(i));
	 
      document.write('<input id="button1" type="button" value="',n1,'" onClick="KeyDisp1(',n1,')">');
	   
  }
  //第二个数字输入
  document.write("<HR>");
  document.write("<input name='keybox2' id='keybox2' type='text' size=60>");
  document.write('<input type="button" value="CLR" onClick="KeyformClr2()"><BR>');
  for(i=0;i<10;i++){
	   var n2=parseInt(number.charAt(i));
      document.write('<input id="button2" type="button" value="',n2,'" onClick="KeyDisp2(',n2,')">');
  }
    //结果输出
    document.write("<HR>");;
    document.write("<input name='sumbox' type='text' size=60>");
   document.write('<input type="button" value="SUM" onClick="showSum()"><BR>');

小小可爱罗 2015-05-30

打赏
举报

自己已发现！

<html> <head> <title>javascript软键盘制作</title> <script language="javascript"> //定义输入的两个变量名 var v1; var v2; function KeyDisp1(nKey){ document.KeyForm.keybox1.value=document.KeyForm.keybox1.value+nKey; //得到input里的value值 var x= document.KeyForm.keybox1.value; //强制转换成int类型 v1=parseInt(x); } function KeyformClr1(){ document.KeyForm.keybox1.value=''; } function KeyDisp2(nkey){ document.KeyForm.keybox2.value=document.KeyForm.keybox2.value+nkey; var y= document.KeyForm.keybox2.value; v2=parseInt(y); } function KeyformClr2(){ document.KeyForm.keybox2.value=''; } function showSum(){ //在文本框中输出答案 document.KeyForm.sumbox.value=v1+v2; } </script> </head> <body> <script language="javascript"> var number="0123456789"; document.write("<HR>"); document.write("<h3>数字软键盘制作</h3>"); document.write("<HR>"); document.write("<form name='KeyForm'>"); //第一个数字输入 document.write("<input name='keybox1' id='keybox1' type='text' size=60>"); document.write('<input type="button" value="CLR" onClick="KeyformClr1()"><BR>'); for(i=0;i<10;i++){ var n1=parseInt(number.charAt(i)); document.write('<input id="button1" type="button" value="',n1,'" onClick="KeyDisp1(',n1,')">'); } //第二个数字输入 document.write("<HR>"); document.write("<input name='keybox2' id='keybox2' type='text' size=60>"); document.write('<input type="button" value="CLR" onClick="KeyformClr2()"><BR>'); for(i=0;i<10;i++){ var n2=parseInt(number.charAt(i)); document.write('<input id="button2" type="button" value="',n2,'" onClick="KeyDisp2(',n2,')">'); } //结果输出 document.write("<HR>");; document.write("<input name='sumbox' type='text' size=60>"); document.write('<input type="button" value="SUM" onClick="showSum()"><BR>');