2016-05-04 12 views
-1

HTMLページにチェックボックスのグループがありますが、チェックボックスの数はアップロードされたファイルによって異なります。JavaScriptでチェックボックスの数を変更する

たとえば、アップロードされたファイルが5つの列を含むデータセットであるとします。したがって、自動的に5つのチェックボックスがウェブサイト上に存在し、ユーザは対応するボックスをチェックすることによってカラムを選択することができる。

私はこの問題を解決するためにjavascript(またはjQuery)を使用する方法について考えています。^

答えて

0

にこのコードをラップすることにより、イベントをクリックして応答することができます= "name_of_file_input"] ')[0] .filesを入力し、ファイルの数を数えます。チェックボックスのループ内にhtmlを作成し、フォームにレンダリングします。それが役に立てば幸い !例えば

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

こんにちは、ありがとう!ループを使って5つのチェックボックスを作成する簡単なデモを書くことができますか? – WCMC

+0

私の編集した回答を参照してください! – Poria

1

あなたが自動的に追加することができますが、このコード

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); 

を使用してチェックボックスやあなたは[名 '($を使用してファイルの配列を読んで入力

elem.onclick = function(){ 
} 
+0

どこにデモがあります?! – Mohammad

+0

こんにちは、ありがとうございました!チェックボックスを作成するためのループを書く方法を教えてください。 – WCMC

関連する問題