JavaScript Erstellen von Funktionen für die dynamische Tasten und Eingänge

Question

I ix2 Tasten und i Textfelder mit dem folgenden Code erstellt haben:

function AddIt(){ 
 
\t 
 
for (var i=1; i < 4; i++) { \t 
 

 
var tr = document.createElement("tr"); 
 
var td = document.createElement("td"); 
 
var button = document.createElement("button"); 
 
var button2 = document.createElement("button"); 
 
var input = document.createElement("input"); 
 
tr.id= "tr"+[i]; 
 
td.id= "td"+[i]; 
 

 
button.id= "BT"+[i]; 
 
button.innerHTML = "BT"+[i]; 
 
button.name= "BT"; 
 
button.classList.add("BT"); 
 

 

 
button2.id= "BT"+[i]+".1"; 
 
button2.innerHTML = "BT"+[i]+".1"; 
 
button2.name= "BT2"; 
 
button2.classList.add("BT2"); 
 

 

 
input.id="TB"+[i]; 
 
input.style="width:40px" 
 
input.value = "TB"+[i]; 
 

 

 
var Table = document.getElementsByTagName("Table")[0]; 
 
Table.append(tr); 
 
Table.append(td); 
 
td.append(button); 
 
td.append(button2); 
 
td.appendChild(input); 
 
    
 
}; 
 
};

<input type="button" value="Add Textbox" onClick="AddIt()"> 
 
<table id="Table" name= "Table" cellpadding="5" border="0" > 
 
    <tbody> 
 
    <tr> 
 
    </tr> 
 
    </tbody> 
 
</table>

so erzeugt es 2 Tasten und 1 Textbox in jeder Reihe der Tabelle

Jetzt möchte ich eine Funktion für "jede Schaltfläche" hinzufügen, so dass die erste Schaltfläche der ersten Zeile ändert den Wert des ersten Textfelds auf 1, und t Die zweite Schaltfläche dieser Zeile ändert den Wert des ersten Textfelds in 0. und so weiter.

jede Hilfe wird geschätzt !!!

Answer 1

Hier ist ein Code-Snippet, das die 1/0 in die Textfelder eingibt.

for (var i=1; i < 4; i++) { 
 

 
var tr = document.createElement("tr"); 
 
var td = document.createElement("td"); 
 
var button = document.createElement("input"); 
 
var button2 = document.createElement("input"); 
 
var input = document.createElement("input"); 
 

 
button.type="button"; 
 
button.id= "BT"+[i]; 
 
button.value = "BT"+[i]; 
 
button.classList.add("BT"); 
 

 
button2.type="button"; 
 
button2.id= "BT"+[i]+".1"; 
 
button2.classList.add("BT2"); 
 
button2.value ="BT"+[i]+".1"; 
 

 
input.id="TB"+[i]; 
 

 
function assign(textElt){ 
 
button.onclick = function(){ textElt.value = 1; } 
 
button2.onclick = function(){ textElt.value = 0; } 
 
} 
 

 
var Table = document.getElementsByTagName("Table")[0]; 
 
Table.append(tr); 
 
Table.append(td); 
 
td.append(button); 
 
td.append(button2); 
 
td.appendChild(input); 
 

 
assign(input); 
 
};

<table> 
 
</table>