0 
<html>
<body>

<script>
function moveNumbers(num) { 
var txt=document.getElementById("result").value; 
txt=txt + num; 
document.getElementById("result").value=txt; 
} 
</script>
Select numbers: <br> <input type="button" value="1" name="no" onclick="moveNumbers(this.value)">  
<input type="button" value="2" name="no" onclick="moveNumbers(this.value)">  
<input type="button" value="3" name="no" onclick="moveNumbers(this.value)">  
<input type="text" id="result" size="20">

<br>
<br>
<br>

<script> function moveNumbers(num) { 
var txt=document.getElementById("result").value; 
txt=txt + num; 
document.getElementById("result").value=txt; 
} 
</script>
Select numbers: <br> <input type="button" value="a" name="no" onclick="moveNumbers(this.value)">  
<input type="button" value="b" name="no" onclick="moveNumbers(this.value)">  
<input type="button" value="c" name="no" onclick="moveNumbers(this.value)"> <input type="text" id="result" size="20">

</html>
</body>

大家好，我有 2 个按钮组，“1、2、3”和“a、b、c”。尝试将输入分开到同一页面上自己的文本框时遇到问题有什么想法吗？在这里和那里尝试了一些事情，例如更改“价值”“名称”等。这方面相当新。谢谢你的帮助....

4

4 回答 4

0

你必须做这些事情

1）永远不要在同一页面上有相同的ID，它们应该不同。

此属性定义了一个唯一标识符 (ID)，该标识符在整个文档中必须是唯一的。其目的是在链接（使用片段标识符）、脚本或样式（使用 CSS）时识别元素

更多在这里。

2）永远不要为两个函数使用相同的名称。

3）您的<body>标签应该在<html>标签之前关闭。

 <html>
    <body>
    Select numbers: <br> <input type="button" value="1" name="no" onclick="moveNumbers1(this.value)">  
    <input type="button" value="2" name="no" onclick="moveNumbers1(this.value)">  
    <input type="button" value="3" name="no" onclick="moveNumbers1(this.value)">  
    <input type="text" id="result" size="20">

    <br>
    <br>
    <br>
    <script> 
    function moveNumbers2(num) { 
       var txt=document.getElementById("result2").value; 
       txt=txt + num; 
       document.getElementById("result2").value=txt; 
    } 
    function moveNumbers1(num) { 
       var txt=document.getElementById("result").value; 
       txt=txt + num; 
       document.getElementById("result").value=txt; 
    } 
    </script>
    Select numbers: <br> <input type="button" value="a" name="no" onclick="moveNumbers2(this.value)">  
    <input type="button" value="b" name="no" onclick="moveNumbers2(this.value)">  
    <input type="button" value="c" name="no" onclick="moveNumbers2(this.value)"> <input type="text" id="result2" size="20">

    </body>
 </html>
于 2013-04-22T12:51:10.137 回答
0

不要在同一页面中为组件和函数名称使用相同的 id。

第二个函数将被第一个函数覆盖（这意味着第一个函数将被丢弃，它将起作用）。

<html>
<body>
<script>

function moveNumbers(num) { 
var txt=document.getElementById("result1").value; 
txt=txt + num; 
document.getElementById("result1").value=txt; 
} 

function moveAlpha(num) { 
var txt=document.getElementById("result").value; 
txt=txt + num; 
document.getElementById("result").value=txt; 
} 

</script>
Select numbers: <br> <input type="button" value="1" name="no" onclick="moveNumbers(this.value)">  
<input type="button" value="2" name="no" onclick="moveNumbers(this.value)">  
<input type="button" value="3" name="no" onclick="moveNumbers(this.value)">  
<input type="text" id="result1" size="20">
<br>
<br>
<br>
Select numbers: <br> <input type="button" value="a" name="no" onclick="moveAlpha(this.value)">  
<input type="button" value="b" name="no" onclick="moveAlpha(this.value)">  
<input type="button" value="c" name="no" onclick="moveAlpha(this.value)"> <input type="text" id="result" size="20">

</html>
</body>
于 2013-04-22T12:53:43.373 回答
0

JJPA 强调了您在使用 HTML 和 javascript 时遇到的问题，我唯一要补充的是，您可以通过使它们可重用来创建一个函数来完成这两项工作。这更有效，并减少了您需要的代码量。

像这样的东西

moveNumbers(num, element){
  var txt=document.getElementById(element).value; 
  txt=txt + num;
  document.getElementById(element).value=txt; 
}

然后你像这样调用函数

Select numbers: <br> <input type="button" value="1" name="no" onclick="moveNumbers1(this.value, "result")">  
<input type="button" value="2" name="no" onclick="moveNumbers1(this.value, "result")">
<input type="button" value="3" name="no" onclick="moveNumbers1(this.value, "result")">  
<input type="text" id="result" size="20">
于 2013-04-22T13:09:53.573 回答
-1

在你的标签之间使用空格，如下所示：

<input type="button" value="a" name="no" onclick="moveNumbers(this.value)"> 
&nbsp;&nbsp; </input>
<input type="button" value="b" name="no" onclick="moveNumbers(this.value)"> 
&nbsp;&nbsp; </input>
<input type="button" value="c" name="no" onclick="moveNumbers(this.value)">

你也可以有更多的按钮，一旦点击任何一个，它的值就会被发布。

于 2013-04-22T12:49:34.490 回答