📄 选中单选按钮改变网页背景颜色.html

📁 介绍了javascript的常用的函数

💻 HTML

字号:

<html>
<head>
<script language="javascript">
function chColor(){
for(i=0;i<4;i++){
if(form1.color[i].checked){
document.body.style.background=form1.color[i].value;
}
}
}

</script>


</head>
<body>
<form name="form1">
<input type="radio" name="color" value="#FFFFFF" onClick="chColor()">白色
<input type="radio" name="color" value="#0000FF" onClick="chColor()">蓝色
<input type="radio" name="color" value="#00FF00" onClick="chColor()">绿色
<input type="radio" name="color" value="#FFFF00" onClick="chColor()">黄色


</form>


</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -