戻る

チェックボックスのリセット

<!DOCTYPE HTML>
<html lang="ja-JP">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload = function(){
	document.frm1.rst.onclick = function(){
		alert("リセットします");
		fncReset();
	}
}

function fncReset(){
	for(var i = 0; i < document.frm1.rank.length; i++){
		document.frm1.rank[i].checked = false;
	}
}
</script>
</head>
<body>
<form name="frm1" action="http://www.yahoo.co.jp/">
<table border="1">
	<tr>
		<td><input type="checkbox" name="rank" value="1"></td><td>1</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="2"></td><td>2</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="3"></td><td>3</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="4"></td><td>4</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="5"></td><td>5</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="6"></td><td>6</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="7"></td><td>7</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="8"></td><td>8</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="9"></td><td>9</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td><input type="checkbox" name="rank" value="10"></td><td>10</td><td><img src="http://k.yimg.jp/images/top/sp/logo.gif"></td>
	</tr>
	<tr>
		<td colspan="3"><input type="button" name="rst" value="リセット"><input type="submit" value="送信"></td>
	</tr>
</table>
</form>
</body>
</html>

inserted by FC2 system