ネイティブjsが選択リバースすべてのチェックを外しを実現しました

コードは以下の通りです
<！DOCTYPE htmlののPUBLIC " -  // W3C // DTD HTML 4.01移行// EN" 

"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
	<ヘッド>
	<META HTTP-当量= "Content-Typeの" コンテンツ= "text / htmlの;のcharset = UTF-8">
	<タイトル>チェックボックス练习</ TITLE>
	</ head>の
	<身体>

		<フォームメソッド=「ポスト」アクション=「」>
			あなたはスポーツが好き？<入力タイプ= "チェックボックス" ID = "checkedAllBox" />を選択/選択解除

			<br />
			<input type = "チェックボックス" NAME = "項目" 値= "足球" />足球
			<input type = "チェックボックス" NAME = "項目" 値= "篮球" />篮球
			<入力タイプ=「チェックボックス」名前=「アイテム」値=「バドミントン」/>バドミントン
			<入力タイプ=「チェックボックス」名前=「アイテム」値=「ピンポン」/>テニス
			<br />
			<input type = "ボタン" ID = "checkedAllBtn" 値= "全选" />
			<input type = "ボタン" ID = "checkedNoBtn" 値= "全不选" />
			<input type = "ボタン" ID = "checkedRevBtn" 値= "反选" />
			
		</フォーム>

		<スクリプト>
		    VAR checkedAllBtn =のdocument.getElementById（ "checkedAllBtn"）
			VAR項目= document.getElementsByName（ "アイテム"）
			VAR checkedAllBox =のdocument.getElementById（ "checkedAllBox"）
			//選択
			checkedAllBtn.onclick =関数（）{
				ため（VAR i = 0; iはitems.lengthを<; iは++）{
					アイテム[i]は真= .checkedを
				}
				checkedAllBox.checked =真
			}

			//選択なし
			VAR checkedNoBtn =のdocument.getElementById（ "checkedNoBtn"）
			checkedNoBtn.onclick =関数（）{
				ため（VAR i = 0; iはitems.lengthを<; iは++）{
					アイテム[i]は偽= .checkedを
				}
				偽checkedAllBox.checked =
			}

			//反転選択
			VAR checkedRevBtn =のdocument.getElementById（ "checkedRevBtn"）
			checkedRevBtn.onclick =関数（）{
				checkedAllBox.checked =真

				ため（VAR i = 0; iはitems.lengthを<; iは++）{
					//もし（項目[I] .checkedを== TRUE）{
					//アイテム[i]は=偽.checkedを
					//}他{
					//アイテム[i]は=真.checkedを
					//}

					アイテム[i]は.checkedを=！項目[I] .checkedを
					{（項目[I] .checkedを==偽）なら
						偽checkedAllBox.checked =
					}


				}
			}

			//すべてのチェックボックス
			checkedAllBox.onclick =関数（）{
				ため（VAR i = 0; iはitems.lengthを<; iは++）{
					項目[I] = .checkedをthis.checked
				}
			}

			
			ため（VAR i = 0; iはitems.lengthを<; iは++）{
				項目[I] .onclick =関数（）{
					checkedAllBox.checked =真


					{（J ++; J <items.length VAR J = 0）のための
						場合（項目[j]が.checkedを==偽）{
							偽checkedAllBox.checked =
						}

						//（項目[j]が真==を.checkedを）場合{
						// checkedAllBox.checked =真
						//}他{
						// checkedAllBox.checked =偽
						//}
					}
				}
			}






		</ SCRIPT>
	</ BODY>
</ HTML>
ネイティブjsが選択リバースすべてのチェックを外しを実現しました

おすすめ
