こちらはいかがでしょうか。
<html> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // 全てのチェックボックのチェックを外す function reset(){ for(i=1; i<=3; i++) { document.getElementById("ch"+i).checked = false; } } //--> </SCRIPT> </HEAD> <body><table> <input type="button" onclick="reset()" value="リセット"/> <tr><td><input type="checkbox" id="ch1"></td><td>1</td><td>hoge</td></tr> <tr><td><input type="checkbox" id="ch2"></td><td>2</td><td>hoge</td></tr> <tr><td><input type="checkbox" id="ch3"></td><td>3</td><td>hoge</td></tr> </table></body> </html>
※参考URL
●全てのチェックボックスをチェック/解除する - JavaScript
http://javascript.eweb-design.com/1212_ac.html
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script> function doReset(e) { e.form.reset(); } //ボタンとcheckboxが同じformに入っていればthis.formとかで辿れるけどそうじゃない場合は、回答1のようにformやcheckboxに特徴(id,class)を付けてDOM APIで取得しやすくするのも手。 //checkboxだけ外したいケース function doReset2() { var checkboxs = document.querySelectorAll('[type="checkbox"]'); for (var i = 0; i < checkboxs.length; i++) { checkboxs[i].checked = false; } } </script> </head> <body> <input type="reset" value="type:reset"/> <input type="button"onclick="this.form.reset()"value="onclick:this.form.reset()"/> <input type="button"onclick="doReset(this)"value="function:doReset()"/> <form> <table> <tr><td><input type="checkbox"></td><td>1</td><td>hoge</td></tr> <tr><td><input type="checkbox"></td><td>2</td><td>hoge</td></tr> <tr><td><input type="checkbox"></td><td>3</td><td>hoge</td></tr> </table> </form> </body> </html>