読者です 読者をやめる 読者になる 読者になる

入力フォームをクリアするJavaScript

検索フォーム(テキストボックス、ラジオボタンチェックボックスなど)に入力した内容をまとめてクリアしたい時に使ってください。
ただし、prototype.jsに依存しているので読み込みをお忘れなく。

<script type="text/javascript">
  //<![CDATA[
  function clearForm(form) {
    form.getInputs('text').each(function(val){ Field.clear(val); });
    form.getInputs('checkbox').each(function(val){ val.checked = false; });
    var selects = $$('select');
    for(var i=0; i < selects.length; i++){
      selects[i].value = '';
    }
  }
  //]]>
</script>


呼び出し元はこんな感じで書けばOKです。

<input type="button" value="Clear" onclick="clearForm(this.form);"/>