<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>灯泡</title>
</head>
<body>
<img src="素材/绱犳潗/img/off.gif" id="img" alt="关闭"><br>
<input type="button" id="点亮" value="点亮" onclick="on()">
<input type="button" id="熄灭" value="熄灭" onclick="off()"><br>
<input type="text" value="111111" id="text1" onfocus="small()"><br>
<input type="checkbox" name="hobby">网页设计
<input type="checkbox" name="hobby">Java程序设计
<input type="checkbox" name="hobby">数据结构<br>
<input type="button" name="choice" value="全选" onclick="allSelect()">
<input type="button" name="choice" value="反选" onclick="noneSelect()">
<script>
function on(){
var image=document.getElementById("img");
image.src="素材/绱犳潗/img/on.gif";
}
function off(){
var image=document.getElementById("img")
image.src="素材/绱犳潗/img/off.gif";
}
function small(){
var text=document.getElementById("text1").value;
text=text.toLowerCase();
document.getElementById("text1").value=text;
}
function allSelect(){
var group=document.getElementsByName("hobby");
for(let i=0;i<group.length;i++){
group[i].checked=true;
}
}
function noneSelect(){
var group2=document.getElementsByName("hobby");
for(let i=0;i<group2.length;i++){
if(group2[i].checked){
group2[i].checked=false;
}
else{
group2[i].checked=true;
}
}
}
</script>
</body>
</html>
183
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
