Copy codeThe Code is as follows:
<SPAN style = "FONT-SIZE: 14px"> <! DOCTYPE html>
<Html>
<Head>
<Title> review box processing. html </title>
<Meta http-equiv = "keywords" content = "keyword1, keyword2, keyword3">
<Meta http-equiv = "description" content = "this is my page">
<Meta http-equiv = "content-type" content = "text/html; charset = UTF-8">
<! -- <Link rel = "stylesheet" type = "text/css" href = "./styles.css"> -->
</Head>
<Body>
<Input type = "checkbox" id = "checkItem"> select all/select none
<Br>
<H3> hobbies <Input type = "checkbox" name = "item"> reading
<Br>
<Input type = "checkbox" name = "item"> listen to music
<Br>
<Input type = "checkbox" name = "item"> play
<Br>
<Input type = "checkbox" name = "item"> walking
<Br>
<Input type = "checkbox" name = "item"> write code
<Br>
<Script>
Window. onload = function (){
Var checkItem = document. getElementById ("checkItem"). onclick = function (){
Var itemsElement = document. getElementsByName ("item ");
For (var I = 0; I <itemsElement. length; I ++ ){
Var itemElement = itemsElement [I];
If (this. checked ){
ItemElement. checked = "checked ";
}
Else {
ItemElement. checked = null;
}
}
}
}
</Script>
</Body>
</Html>
</SPAN>