PHP & JavaScript Room :: 設置サンプル

指定したフォーム内の要素数を取得

実行結果

項目A 項目B 項目C

項目A 項目B 項目C

ソース

<script type="text/javascript">
    /* 指定したフォーム名の要素数を取得し、指定した要素をクリア */
    function formClear(type){
        /* フォーム内のエレメント数を取得 */
        /* document.フォーム名.length */
        var len=document.form2.length;
        for(var i=0; i<len; i++){
            if(document.form2.elements[i].type==type){
                document.form2.elements[i].checked=false;
            }
        }
    }
</script>

<form name="form2" action="#">
<p>
    <input type="radio" name="r" value="A" />項目A
    <input type="radio" name="r" value="B" />項目B
    <input type="radio" name="r" value="C" />項目C
</p>
<p>
    <input type="checkbox" value="1" />項目A
    <input type="checkbox" value="2" />項目B
    <input type="checkbox" value="3" />項目C
</p>
<p>
    <input type="button" value="ラジオボタンのみクリア" onclick="formClear('radio')" />
    <input type="button" value="チェックボックスのみクリア" onclick="formClear('checkbox')" />
</form>

polarized women