フォームページのすべてのフィールドを空白/空白にします

Question

私は以下のコードを持っていますが、これを単純な形式にする方法があります。 特定のキーフィールドの日付が変更されたり空白になったりすると、50以上のフィールドを空白にする必要があります。

if (zEntry ==""){ 

document.getElementById("Q229I1226").value=""; 
document.getElementById("DQ230I1227").value=""; 
document.getElementById("DQ231I1228").value=""; 
document.getElementById("Q4I1001").value=""; 

//Date from fall to arrival 
document.getElementById("Q232I1229").value=""; 
document.getElementById("DQ233I1230").value=""; 
document.getElementById("DQ234I1231").value=""; 
document.getElementById("Q5I1002").value=""; 

//Date Time of referral to T&O surgery 
document.getElementById("Q238I1235").value=""; 
document.getElementById("DQ239I1236").value=""; 
document.getElementById("DQ240I1237").value=""; 
document.getElementById("Q15I1012").value=""; 
document.getElementById("Q17I1014").value="";  

//Date seen T&O 1st on call 
document.getElementById("Q241I1238").value=""; 
document.getElementById("DQ242I1239").value=""; 
document.getElementById("DQ243I1240").value=""; 
document.getElementById("Q16I1013").value=""; 
} 

は、あなたがあなたの入力に共通するクラスを追加する必要が

Answer 1

ありがとうございます。

var array = document.getElementsByClassName('className'); 
for (var i = 0, lng = array.length; i < lng; i++) { 
    array[i].value = ''; 
} 

Answer 2

あなたが同じタグを持つすべてのフィールドをクリアしたい場合は、単に使用することができます

document.getElementsByTagName(arg) argは「入力」、「オプション」など

ながらしかし、あなたは固有の入力をしたい場合クリアすることが、あなたは彼らにクラスを与え、入力フィールドに

document.getElementsByClassName(arg) 

Answer 3

追加クラスを使用して試してみて

var array_container = document.getElementsByClassName('example'); for (var i = 0, i < array_container.length; i++) { array_container[i].value = ''; }

Answer 4

あなたもこの方法を試してください：

// store all the element ids in an array 
var element_ids = ['Q229I1226', 'DQ230I1227', 'DQ231I1228', 'Q4I1001', 
        'Q232I1229']; 

element_ids.forEach(function(element_id){ 
    document.getElementById(element_id).value = ''; 
}); 

Answer 5

ここでループすることにより、すべての入力ボックス/フィールドをクリアする方法のソリューションです。

Loop though all input boxes and clear them