JavaScriptからHTMLフォーム要素にアクセスする

Question

HTMLフォーム要素（RADIO BUTTONとCHECK BOX）から値を取得する方法を教えていただけますか？

たとえば、テキストボックスの場合、getElementById（id）.valueで直接値を取得できます。

しかし、コンボボックス（ドロップダウンメニュー）、ラジオボタン、チェックボックスの値を取得する方法はありますか？

ありがとうございました。

Answer 1

ドロップダウン（<select>）：

var el = document.getElementById('yourSelectId'); 
var value = el.options[el.selectedIndex].value; 

あなたは複数選択（コンボボックス）のリストとしてあなたの選択リストを処理している場合は、オプションをループするために持っており、それらが選択されているかどうかを確認：

var el = document.getElementByid('yourSelectId'); 
var selectedValues = []; 

for (var i = 0; i < el.options.length; i++) { 
    if (el.options[i].selected) { 
     selectedValues.push(el.options[i].value); 
    } 
} 

// all selected values are now in the selectedValues array. 

ラジオボタンやチェックボックスもvalue性質を持っている必要がありますが、より適切に、私は彼らだけがチェックされているかどうかをテストするだろうと思う：

チェックボックスの場合

Answer 2

、要素は.checked性質を持っています

document.getElementById('foo').checked; // true or false