1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作品20230806</title>
</head>
<body>
<img id="h1" src="../图床/1.jpg" width="250px"> <br><br>
<input type="button" value="情景1" onclick="qj1()">
<input type="button" value="情景2" onclick="ntm()">
<br><br>
<input type="text" id="kk" value="LUOZIFENG" name="自由输入" onfocus="lower()" onblur="upper()">
<br><br>
<label><input type="checkbox" name="hobby">电影</label>
<label><input type="checkbox" name="hobby">旅游</label>
<label><input type="checkbox" name="hobby">游戏</label>
<br><br>
<input type="button" value="全选" onclick="allon()">
<input type="button" value="反选" onclick="allup()">
</body>
<script>
var imgs=document.getElementById('h1');
function qj1(){
imgs.src="../图床/2.jpg"
}
function ntm(){
imgs.src="../图床/3.jpg"
}
var low=document.getElementById('kk');
function lower(){
low.value=low.value.toLowerCase();
}
function upper(){
low.value=low.value.toUpperCase();
}
function allon(){
var kuangs=document.getElementsByName("hobby");
for (let i = 0; i < kuangs.length; i++) {
kuangs[i].checked=true;
}
}
function allup(){
var kuangs=document.getElementsByName("hobby");
for (let i = 0; i < kuangs.length; i++) {
kuangs[i].checked=false;
}
}
</script>
</html>
|
