フォームのリセットボタンを作る方法

2014-02-25 HTML

フォームのリセットボタンを作る方法をメモ。

リセットボタンを設置する箇所に

<input type="button" value="リセット" onclick="fFormReset(this.form);" />

と記述し、
＜head＞～＜/head＞内に

<script type="text/javascript">
    function fFormReset(frmObj){
        for(var i=0; i<frmObj.length; i++){
            switch (frmObj[i].type){
                case "checkbox":
                case "radio":
                    frmObj[i].checked=false;
                    break;
                case "select-one":
                case "select-multiple":
                    frmObj[i].selectedIndex=0;
                    break;
                case "textarea":
                case "text":
                    frmObj[i].value="";
                    break;
                default:
                    break;
            }
            
        }
    }
</script>

とすればOK