選択されているラジオボタンやチェックボックスをリセットする方法

選択されているラジオボタンやチェックボックスを選択されていない状態に戻す必要があったので、JavaScriptとjQueryでそれぞれ試してみた。どちらも選択されていない状態にすることができました。
試した方法を忘れないよう記録しておきます。

ラジオボックス(HTML)

<form name="fm" method="POST" action="form2.php" onsubmit="return show()">
好きな食べ物は？：
<label><input type="radio" name="food" value="ラーメン">ラーメン</label>
<label><input type="radio" name="food" value="餃子">餃子</label>
<label><input type="radio" name="food" value="焼き肉">焼き肉</label>
<input type="submit" value="送信">
</form>

先ずはJavaScript

window.onload = function(){
  var elem = document.querySelectorAll('input[type="radio"]');
  for(var i=0; i<elem.length; i++) {
    elem[i].checked = false;
  }
}

次はjQuery

$(function(){
  $('input[type="radio"]').prop('checked',false); 
});