使用JavaScript獲取數組中表單的所有控件？

Question

如何使用JavaScript獲取所有控件及其值和選定狀態？將陣列中的所有控件（如選擇和無線電）與其選定狀態一起放入陣列中將會很好。

這是否有可能？

謝謝！

Answer 1

訪問它們的值。表格的所有控件在form.elements集合中都可用。然後，您可以遍歷集合並按照您的需要處理它們。

例如

function processForm(form) { 
    var control, controls = form.elements; 
    for (var i=0, iLen=controls.length; i<iLen; i++) { 
    control = controls[i]; 

    // Do something with the control 
    console.log(control.name + ': ' + control.value); 
    } 
} 

一些HTML：

<form> 
    <input name="inp0" value="foo"> 
    <select name="sel0"> 
    <option value="opt0" selected>opt0 
    <option value="opt1">opt1 
    <option value="opt2">opt2 
    </select> 
    <input type="button" value="Process form" name="btn0" onclick=" 
    processForm(this.form); 
    "> 
</form> 

Answer 2

如果你

myParentNode.querySelectorAll('input[type="checkbox"], input[type="radio"]'); 

你會碰到一些<input> s的checkbox或radio一個type HTML元素的數組。然後您可以使用.value