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"]'); 

을 할 경우 당신은 checkbox 또는 radio의 type와 <input>들입니다 HTMLElements의 배열을 얻을 것이다. 그런 다음 해당 값에 액세스 할 수 있습니다. .value