ändern Sie die Anzahl der Kontrollkästchen in HTML mit Javascript

Question

Ich hätte eine Gruppe von Kontrollkästchen in der HTML-Seite, aber die Anzahl der Kontrollkästchen ist abhängig von einer hochgeladenen Datei.

Angenommen, die hochgeladene Datei ist ein Datensatz, der fünf Spalten enthält. Es sollte also automatisch fünf Checkboxen auf der Website geben, und der Benutzer kann Spalten auswählen, indem er das entsprechende Kästchen ankreuzt.

Ich denke darüber nach, wie man Javascript (oder jQuery) verwendet, um dieses Problem zu lösen.

Answer 1

die Dateien Array lesen $ mit ('input [name^= "name_of_file_input"] ') [0] .files, und dann zählen Sie die Anzahl der Dateien, erstellen Sie das HTML innerhalb einer Schleife (deren max Wert auf die Dateien zählen) für die Kontrollkästchen und rendern in Ihr Formular. Ich hoffe es hilft !

zum Beispiel

var checkboxes = ""; 
for(var i = 0;i<=5;i++){ 
    checkboxes += "<input type='checkbox' name=''/>"; 
} 
$("#id_where_you_will_put_the_checkboxes").html(checkboxes); 

Answer 2

Sie können automatisch hinzufügen Checkboxen mit diesem Code

var checkbox = document.createElement('input'); 
checkbox.type = "checkbox"; 
checkbox.name = ""; 
checkbox.value = ""; 
checkbox.id = ""; 
var label = document.createElement('label') 
label.appendChild(document.createTextNode('text for label after checkbox')); 

element.appendChild(checkbox); 
elemnt.appendChild(label); 

und Sie können reagieren Ereignis klicken, indem Sie diesen Code Einwickeln in

elem.onclick = function(){ 
}