JavaScriptで radio ボタンのvalue値取得

2009/06/17 16:19 Update
TAGS: JavaScript | radio | value
JavaScriptで radio ボタン<input type="radio"  ..>の選択値を取得する方法です。

■HTML
<form>
  <input type="radio" name="sex" value="0" id="s1" onclick="onChangeSex();" />男 <br/>
  <input type="radio" name="sex" value="1" id="s2" onclick="onChangeSex();" />女
</form>


■JavaScript
<script language="javascript" type="text/javascript">
<!--
function onChangeSex() {
    var sex = document.getElementsByName("sex");

    for(var i=0;i<sex.length;i++) {    //radioボタンの場合、同じ名前のHTML要素が1つ以上存在する
        if (sex[i].checked && sex[i].value == '0') {    //男の場合
            //...
        }
    }
}

onChangeSex();
-->
</script>

.

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments