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>

こんにちは、「1、2、3」と「a、b、c」の 2 つのボタン セットがあります。同じページにある独自のテキスト ボックスに入力を分離しようとして問題が発生しましたか? 「値」「名前」などを変更するなど、あちこちでいくつかのことを試しました。これはかなり新しいことです。ご協力いただきありがとうございます....

4

4 に答える 4

0

あなたはこれらのことをしなければなりません

1) 同じページに同じ ID を使用しないでください。ID は異なる必要があります。

この属性は、ドキュメント全体で一意でなければならない一意の識別子 (ID) を定義します。その目的は、リンク (フラグメント識別子を使用)、スクリプト、またはスタイリング (CSS を使用) の際に要素を識別することです。

詳細はこちら。

2) 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 を使用しないでください。

2 番目の関数は最初の関数に上書きされます (つまり、最初の関数は破棄され、動作します)。

<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 に答える
-1

次のように ur タグの間にスペースを使用します。

<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 に答える