在线等，谢谢了各位，关于js的input的value


<HTML>
 <HEAD>
  <TITLE> test </TITLE>
  
 </HEAD> <BODY>
<script language="javascript">
function getNumber()
{
alert();
}
</script>
 </BODY>
<form name = "myForm">
<input type = "button" name = "myButton" value = "1">
<input type = "button" name = "myButton" value = "2">
<input type = "button" name = "myButton" value = "3">
</form>
</HTML>请问各位大侠如何用js弹出每个input的值啊？

解决方案 »

  1.   

    首先你的所有button不要用同一个名称（name）---建议获取方法：function getNumber(){
       var t = document.getElementsByTagName("input");
       for(var i=0; i<t.length; i++){
          alert(t[i].value);
       }
    }
      

  2.   

    首先你的所有button不要用同一个名称（name）---建议获取方法：function getNumber(){
       var t = document.getElementsByTagName("input");
       for(var i=0; i<t.length; i++){
          alert(t[i].value);
       }
    }
      

  3.   

    太感谢了，如果我不是用alert，如果是想将<input>的值放进一个单行文本框里比如：谢谢了马上给分
    <HTML>
     <HEAD>
      <TITLE> test </TITLE>
      
     </HEAD> <BODY>
        <script language="javascript">
            function getNumber()
                {
                    alert();
                }
        </script>
     </BODY>
        <form name = "myForm">
            <input type = "text" name = "myText" value = "0">
            <input type = "button" name = "myButton" value = "1">
            <input type = "button" name = "myButton" value = "2">
            <input type = "button" name = "myButton" value = "3">
        </form>
    </HTML>
      

  4.   


    function getNumber(){
       var re = [];
       var t = document.getElementsByTagName("input");
       for(var i=0; i<t.length; i++){
          if(r[i].type=="button"){
             re.push(t[i].value);
          }
       }
       document.myForm.myText.value = re.join("");
    }
      

  5.   


    说type未定义，不知道原因
      

  6.   

    <HTML>
    <HEAD>
    <TITLE> test </TITLE>
    <script language="javascript">
    function showSingleInputValue(n){
      alert('第三个Input的值为：'+document.getElementsByTagName("myButton")[n].value);
    }function showAllInputValue(){
      var o = document.getElementsByTagName("INPUT");//取得所有Input对象集合；
      var arr=[];//定义一个数组用来存放Input对象值
      for(var i=0; i<o.length; i++){
        arr.push(o[i].value);//将各个Input对象值压入数组      
      }
      document.getElementsByName("myText")[0].value=arr.jion(",")
      alert('共有'+o.length+'个Input对象，其值分别为：'+arr);
    }window.onload=function(){
      showAllInputValue()//页面加载完毕后显示所有Input对象的值
    }
    </script> 
     </HEAD> <BODY>
        <form name = "myForm">
            <input type = "text" name = "myText" value = "0">
            <input type = "button" name = "myButton" value = "1">
            <input type = "button" name = "myButton" value = "2">
            <input type = "button" name = "myButton" value = "3">
        </form>
        <input type = "button" name = "showSingleButtonValue" value = "显示第三个Input对象的值" onclick="showSingleInputValue(2)"  />
     </BODY>
    </HTML>
      

  7.   

    6楼打错字，看这个：
    <HTML>
    <HEAD>
    <TITLE> test </TITLE>
    <script language="javascript">
    function showSingleInputValue(n){
      alert('第三个Input的值为：'+document.getElementsByTagName("INPUT")[n].value);
    }function showAllInputValue(){
      var o = document.getElementsByTagName("INPUT");//取得所有Input对象集合；
      var arr=[];//定义一个数组用来存放Input对象值
      for(var i=0; i<o.length; i++){
        arr.push(o[i].value);//将各个Input对象值压入数组      
      }
      alert('共有'+o.length+'个Input对象，其值分别为：'+arr);
      document.getElementsByName("myText")[0].value=arr.join(",");
    }window.onload=function(){
      showAllInputValue()//页面加载完毕后显示所有Input对象的值
    }
    </script> 
     </HEAD> <BODY>
        <form name = "myForm">
            <input type = "text" name = "myText" value = "0">
            <input type = "button" name = "myButton" value = "1">
            <input type = "button" name = "myButton" value = "2">
            <input type = "button" name = "myButton" value = "3">
        </form>
        <button onclick="showSingleInputValue(2)">显示第三个Input对象的值</button>
     </BODY>
    </HTML>
      

  8.   

    原来是这样啊，那简单多了：<HTML>
    <HEAD>
    <TITLE> test </TITLE>
    <script language="javascript">
    function getnumber(n){
      if(document.getElementById("myText").value==0)document.getElementById("myText").value='';
      document.getElementById("myText").value +=n;
    }
    </script> 
     </HEAD> <BODY>
        <form name = "myForm">
            <input type = "text" id = "myText" name = "myText" value = "0">
            <input type = "button" name = "myButton" value = "1"  onclick="getnumber(this.value)" />
            <input type = "button" name = "myButton" value = "2"  onclick="getnumber(this.value)" />
            <input type = "button" name = "myButton" value = "3"  onclick="getnumber(this.value)" />
        </form>
     </BODY></HTML>