javascript - ブラウザを押したときにラジオボタンをリセットするにはどうすればよいですか

Question

ユーザーがラジオ ボタンを使用して 3 種類の削除を選択できる Web フォームがあります。その後、ユーザーが別のラジオ ボタンを選択すると、フォームが変更されます。これがその外観です。

最初にこのページにアクセスすると、ユーザー ID ラジオとその適切なフォームが表示されます。ただし、代わりに契約を検索することにしたとしましょう。契約の削除フォームから結果ページに到達したら、ブラウザーをもう一度押すと、元のページに戻ります。ただし、ユーザー ID のフォームが表示されているときに [契約] ラジオ ボタンが選択されていることを除きます。どうすればこれを修正できますか? 契約だと思ってユーザーを削除したくないので、これは問題です。

押し返すと、ユーザーラジオボタンとフォーム、または契約ボタンとフォームのいずれかが選択されます。

コードは次のとおりです。http://jsfiddle.net/hb6Z7/4/

function showhidediv(rad) {
  var rads = document.getElementsByName( rad.name );
  document.getElementById( 'existing_user_section' ).style.display = ( rads[0].checked ) ? 'block' : 'none';
  document.getElementById( 'existing_contract_section' ).style.display = ( rads[1].checked ) ? 'block' : 'none';
  document.getElementById( 'existing_item_section' ).style.display = ( rads[2].checked ) ? 'block' : 'none';
}

<form name="type_search" class="type_user_class" style="display:inline-block; margin: 0 0 0 10px;">
  <input type="radio" name="new_user" value="search_user" checked onclick="showhidediv(this);"/><label>User</label>
  <input type="radio" name="new_user" value="search_contract" onclick="showhidediv(this);"/><label>Contract</label>
  <input type="radio" name="new_user" value="search_item" onclick="showhidediv(this);"/><label class="last">Item</label>
</form>

<section id="existing_user_section">
  form for user
</section>
<section id="existing_contract_section" style="display:none">
  form for contract
</section>
<section id="existing_item_section" style="display:none">
  form for item
</section>

ありがとう！